@charset "UTF-8";
@font-face {
  font-family: "videogular";
  src: url("../assets/fonts/videogular.eot?hj1wei");
  src: url("../assets/fonts/videogular.eot?hj1wei#iefix") format("embedded-opentype"), url("../assets/fonts/videogular.ttf?hj1wei") format("truetype"), url("../assets/fonts/videogular.woff?hj1wei") format("woff"), url("../assets/fonts/videogular.svg?hj1wei#videogular") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="vg-icon-"], [class*=" vg-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'videogular' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 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;
  width: 50px;
  font-size: 24px;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.vg-icon-closed_caption:before {
  content: "\e006";
}

.vg-icon-pause:before {
  content: "\e018";
}

.vg-icon-play_arrow:before {
  content: "\e01b";
}

.vg-icon-repeat:before {
  content: "\e023";
}

.vg-icon-replay:before {
  content: "\e025";
}

.vg-icon-skip_next:before {
  content: "\e027";
}

.vg-icon-skip_previous:before {
  content: "\e028";
}

.vg-icon-stop:before {
  content: "\e02a";
}

.vg-icon-volume_down:before {
  content: "\e030";
}

.vg-icon-volume_mute:before {
  content: "\e031";
}

.vg-icon-volume_off:before {
  content: "\e032";
}

.vg-icon-volume_up:before {
  content: "\e033";
}

.vg-icon-hd:before {
  content: "\e035";
}

.vg-icon-forward_10:before {
  content: "\e038";
}

.vg-icon-forward_30:before {
  content: "\e039";
}

.vg-icon-replay_10:before {
  content: "\e03b";
}

.vg-icon-replay_30:before {
  content: "\e03c";
}

.vg-icon-fullscreen:before {
  content: "\e20c";
}

.vg-icon-fullscreen_exit:before {
  content: "\e20d";
}

vg-player video {
  width: 100%;
  height: 100%;
}

/*=== Responsive SIZE var ===*/
/* default */
:root {
  --color-primary: #F68A22;
  --color-secondary: #63BEFB;
  --color-danger-low: #fb745e;
  --color-light: #f4f4f4;
  --color-dark: #222;
  --color-favorite: #39B44A;
  --color-darkgrey: #8e9093;
  --color-emerald: #3498db;
  --color-concrete: #bdc3c7;
  --color-yellow: #ffff00;
  --color-black: #000000;
  --color-grey: #808080;
  --color-red: #ed4956;
  --color-notif: #17DFC4;
  --color-new-badge: #63BEFB;
  --color-accent: #63BEFB;
  --color-skeleton: #dddddd;
  --color-outline: #dbdbe1;
  --color-secondary-text: #A5B0B7;
  --color-text: #192528;
  --color-label: #333333;
  --color-hover: #eff2f4;
  --color-hover-dark: rgba(162, 162, 162, 0.1);
  --color-bgcard: #f2f5f8;
  --color-bgcard2: #fcfcfc;
  --color-bglabel: #E2E9ED;
  --color-primary-light: #08b2be;
  --color-bgicon: rgba(226, 233, 237, 0.6);
  --color-primary-text: #189dae;
  --color-white: #FFFFFF;
  --color-success: #2BB34D;
  --color-info: #1A73E8;
  --color-warning: #FFAB00;
  --color-danger: #F0624D;
  --color-tam: #CC0400;
}

/*------------------------------------------------------------------------------
GLOBAL CSS
------------------------------------------------------------------------------*/
.full-width {
  width: 100%;
}

.border-btm {
  border-bottom: 1px solid #dedede;
}

/* CUSTOM TOGGLE */
/* end: CUSTOM TOGGLE */
.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: "Ionicons";
  src: 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");
  font-weight: normal;
  font-style: normal;
}

ion-icon {
  display: inline-block;
  font-family: "Ionicons";
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-rendering: auto;
  text-transform: none;
  speak: none;
}

ion-icon::before {
  display: inline-block;
}

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: 0.55px 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: 0.55px solid #d6d6da;
  font-size: 2rem;
  color: #007aff;
  background: transparent;
}

.action-sheet-ios .action-sheet-button:last-child {
  border-bottom-color: transparent;
}

.action-sheet-ios .action-sheet-button.activated {
  margin-top: -0.55px;
  border-top: 0.55px solid #ebebeb;
  border-bottom-color: #ebebeb;
  background: #ebebeb;
}

.action-sheet-ios .action-sheet-selected {
  font-weight: bold;
  background: #fff;
}

.action-sheet-ios .action-sheet-destructive {
  color: #f53d3d;
}

.action-sheet-ios .action-sheet-cancel {
  font-weight: 600;
  background: #fff;
}

.action-sheet-md .action-sheet-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: 0.55px solid #ccc;
  background-color: #fff;
  padding: 6px;
}

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

.alert-ios .alert-tappable {
  display: -webkit-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: #F68A22;
}

.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: #F68A22;
  -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: 0.55px;
  border-style: solid;
  border-color: #c8c7cc;
  background-color: #fff;
  margin: 10px 6px 10px 16px;
}

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

.alert-ios [aria-checked=true] .alert-checkbox-inner {
  left: 7px;
  top: 4px;
  position: absolute;
  width: 4px;
  height: 9px;
  border-width: 0.55px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alert-ios .alert-button-group {
  margin-right: -0.55px;
  -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: 0.55px solid #dbdbdf;
  border-right: 0.55px solid #dbdbdf;
  font-size: 17px;
  color: #F68A22;
  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: 16px;
}

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

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

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

.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: #F68A22;
  background-color: #F68A22;
}

.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: 5px;
  position: relative;
  overflow: hidden;
  font-weight: 500;
  text-transform: uppercase;
  color: #F68A22;
  background-color: #ecf0f1;
  margin: 0 8px 0 0;
  padding: 10px;
}

.alert-md .alert-button.activated {
  background-color: #ecf0f1;
}

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

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

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

.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: transparent;
  -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: 16px;
}

h3 {
  font-size: 14px;
}

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: 14px;
  background-color: #fff;
}

ion-app.md {
  font-family: "Roboto", "Helvetica Neue", sans-serif;
  font-size: 14px;
  background-color: #fff;
}

ion-app.wp {
  font-family: "Segoe UI", "Noto Sans", sans-serif;
  font-size: 14px;
  background-color: #fff;
}

ion-backdrop {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f4f4f4;
  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: #F68A22;
}

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

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

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

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

.badge-ios-dark {
  color: #fff;
  background-color: #222;
}

.badge-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.badge-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.badge-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.badge-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.badge-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.badge-ios-black {
  color: #fff;
  background-color: #000000;
}

.badge-ios-grey {
  color: #fff;
  background-color: #808080;
}

.badge-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.badge-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.badge-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.badge-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.badge-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.badge-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

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

.badge-ios-text {
  color: #fff;
  background-color: #192528;
}

.badge-ios-label {
  color: #fff;
  background-color: #333333;
}

.badge-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.badge-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.badge-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.badge-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.badge-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.badge-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.badge-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.badge-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.badge-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.badge-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.badge-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.badge-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

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

.badge-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

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

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

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

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

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

.badge-md-dark {
  color: #fff;
  background-color: #222;
}

.badge-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.badge-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.badge-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.badge-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.badge-md-yellow {
  color: #000;
  background-color: #ffff00;
}

.badge-md-black {
  color: #fff;
  background-color: #000000;
}

.badge-md-grey {
  color: #fff;
  background-color: #808080;
}

.badge-md-red {
  color: #fff;
  background-color: #ed4956;
}

.badge-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.badge-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.badge-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.badge-md-skeleton {
  color: #000;
  background-color: #dddddd;
}

.badge-md-outline {
  color: #000;
  background-color: #dbdbe1;
}

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

.badge-md-text {
  color: #fff;
  background-color: #192528;
}

.badge-md-label {
  color: #fff;
  background-color: #333333;
}

.badge-md-hover {
  color: #000;
  background-color: #eff2f4;
}

.badge-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.badge-md-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.badge-md-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.badge-md-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.badge-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.badge-md-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.badge-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.badge-md-white {
  color: #000;
  background-color: #FFFFFF;
}

.badge-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.badge-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.badge-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

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

.badge-md-tam {
  color: #fff;
  background-color: #CC0400;
}

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

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

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

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

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

.badge-wp-dark {
  color: #fff;
  background-color: #222;
}

.badge-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.badge-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.badge-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.badge-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.badge-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.badge-wp-black {
  color: #fff;
  background-color: #000000;
}

.badge-wp-grey {
  color: #fff;
  background-color: #808080;
}

.badge-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.badge-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.badge-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.badge-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.badge-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.badge-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

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

.badge-wp-text {
  color: #fff;
  background-color: #192528;
}

.badge-wp-label {
  color: #fff;
  background-color: #333333;
}

.badge-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.badge-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.badge-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.badge-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.badge-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.badge-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.badge-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.badge-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.badge-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.badge-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.badge-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.badge-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

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

.badge-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.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: #F68A22;
  margin: 0.4rem 0.2rem;
  padding: 0 1em;
}

.button-ios.activated {
  background-color: #e27f1f;
  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: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.button-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.button-ios-danger-low.activated {
  background-color: #e76b56;
}

.button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.button-clear-ios-danger-low {
  border-color: transparent;
  color: #fb745e;
  background-color: transparent;
}

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

.button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.button-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

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

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

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

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

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

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

.button-ios-dark {
  color: #fff;
  background-color: #222;
}

.button-ios-dark.activated {
  background-color: #343434;
}

.button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.button-clear-ios-dark {
  border-color: transparent;
  color: #222;
  background-color: transparent;
}

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

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

.button-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.button-ios-favorite.activated {
  background-color: #49ba58;
}

.button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.button-clear-ios-favorite {
  border-color: transparent;
  color: #39B44A;
  background-color: transparent;
}

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

.button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.button-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.button-ios-darkgrey.activated {
  background-color: #838487;
}

.button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.button-clear-ios-darkgrey {
  border-color: transparent;
  color: #8e9093;
  background-color: transparent;
}

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

.button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.button-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.button-ios-emerald.activated {
  background-color: #308cc9;
}

.button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.button-clear-ios-emerald {
  border-color: transparent;
  color: #3498db;
  background-color: transparent;
}

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

.button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.button-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.button-ios-concrete.activated {
  background-color: #aeb3b7;
}

.button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.button-clear-ios-concrete {
  border-color: transparent;
  color: #bdc3c7;
  background-color: transparent;
}

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

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

.button-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.button-ios-yellow.activated {
  background-color: #ffff14;
}

.button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.button-clear-ios-yellow {
  border-color: transparent;
  color: #ffff00;
  background-color: transparent;
}

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

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

.button-ios-black {
  color: #fff;
  background-color: #000000;
}

.button-ios-black.activated {
  background-color: #141414;
}

.button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.button-clear-ios-black {
  border-color: transparent;
  color: #000000;
  background-color: transparent;
}

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

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

.button-ios-grey {
  color: #fff;
  background-color: #808080;
}

.button-ios-grey.activated {
  background-color: #767676;
}

.button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.button-clear-ios-grey {
  border-color: transparent;
  color: #808080;
  background-color: transparent;
}

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

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

.button-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.button-ios-red.activated {
  background-color: #da434f;
}

.button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.button-clear-ios-red {
  border-color: transparent;
  color: #ed4956;
  background-color: transparent;
}

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

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

.button-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.button-ios-notif.activated {
  background-color: #2ae2c9;
}

.button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.button-clear-ios-notif {
  border-color: transparent;
  color: #17DFC4;
  background-color: transparent;
}

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

.button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.button-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.button-ios-new-badge.activated {
  background-color: #5bafe7;
}

.button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.button-clear-ios-new-badge {
  border-color: transparent;
  color: #63BEFB;
  background-color: transparent;
}

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

.button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.button-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.button-ios-accent.activated {
  background-color: #5bafe7;
}

.button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.button-clear-ios-accent {
  border-color: transparent;
  color: #63BEFB;
  background-color: transparent;
}

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

.button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.button-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.button-ios-skeleton.activated {
  background-color: #cbcbcb;
}

.button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.button-clear-ios-skeleton {
  border-color: transparent;
  color: #dddddd;
  background-color: transparent;
}

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

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

.button-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.button-ios-outline.activated {
  background-color: #c9c9cf;
}

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

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

.button-clear-ios-outline {
  border-color: transparent;
  color: #dbdbe1;
  background-color: transparent;
}

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

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

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

.button-ios-secondary-text.activated {
  background-color: #98a2a8;
}

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

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

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

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

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

.button-ios-text {
  color: #fff;
  background-color: #192528;
}

.button-ios-text.activated {
  background-color: #2b3639;
}

.button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.button-clear-ios-text {
  border-color: transparent;
  color: #192528;
  background-color: transparent;
}

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

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

.button-ios-label {
  color: #fff;
  background-color: #333333;
}

.button-ios-label.activated {
  background-color: #434343;
}

.button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.button-clear-ios-label {
  border-color: transparent;
  color: #333333;
  background-color: transparent;
}

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

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

.button-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.button-ios-hover.activated {
  background-color: #dcdfe0;
}

.button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.button-clear-ios-hover {
  border-color: transparent;
  color: #eff2f4;
  background-color: transparent;
}

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

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

.button-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.button-ios-hover-dark.activated {
  background-color: rgba(61, 61, 61, 0.172);
}

.button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.button-clear-ios-hover-dark {
  border-color: transparent;
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

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

.button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.button-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.button-ios-bgcard.activated {
  background-color: #dee1e4;
}

.button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.button-clear-ios-bgcard {
  border-color: transparent;
  color: #f2f5f8;
  background-color: transparent;
}

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

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

.button-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.button-ios-bgcard2.activated {
  background-color: #e8e8e8;
}

.button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.button-clear-ios-bgcard2 {
  border-color: transparent;
  color: #fcfcfc;
  background-color: transparent;
}

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

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

.button-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.button-ios-bglabel.activated {
  background-color: #d0d6da;
}

.button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.button-clear-ios-bglabel {
  border-color: transparent;
  color: #E2E9ED;
  background-color: transparent;
}

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

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

.button-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.button-ios-primary-light.activated {
  background-color: #1cb8c3;
}

.button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.button-clear-ios-primary-light {
  border-color: transparent;
  color: #08b2be;
  background-color: transparent;
}

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

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

.button-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.button-ios-bgicon.activated {
  background-color: rgba(188, 194, 197, 0.632);
}

.button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.button-clear-ios-bgicon {
  border-color: transparent;
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

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

.button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.button-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

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

.button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.button-clear-ios-primary-text {
  border-color: transparent;
  color: #189dae;
  background-color: transparent;
}

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

.button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.button-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

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

.button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.button-clear-ios-white {
  border-color: transparent;
  color: #FFFFFF;
  background-color: transparent;
}

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

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

.button-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.button-ios-success.activated {
  background-color: #3cb95b;
}

.button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.button-clear-ios-success {
  border-color: transparent;
  color: #2BB34D;
  background-color: transparent;
}

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

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

.button-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.button-ios-info.activated {
  background-color: #186ad5;
}

.button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

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

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

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

.button-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.button-ios-warning.activated {
  background-color: #ffb214;
}

.button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.button-clear-ios-warning {
  border-color: transparent;
  color: #FFAB00;
  background-color: transparent;
}

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

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

.button-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.button-ios-danger.activated {
  background-color: #dd5a47;
}

.button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.button-clear-ios-danger {
  border-color: transparent;
  color: #F0624D;
  background-color: transparent;
}

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

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

.button-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.button-ios-tam.activated {
  background-color: #d01814;
}

.button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.button-clear-ios-tam {
  border-color: transparent;
  color: #CC0400;
  background-color: transparent;
}

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

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

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

.button-md.activated {
  background-color: #e27f1f;
  -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: #F68A22;
  color: #F68A22;
  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: #F68A22;
}

.button-clear-md {
  border-color: transparent;
  color: #F68A22;
  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: #F68A22;
}

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

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

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

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

.button-clear-md-primary {
  border-color: transparent;
  color: #F68A22;
  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: #F68A22;
}

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

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

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

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

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

.button-clear-md-secondary {
  border-color: transparent;
  color: #63BEFB;
  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: #63BEFB;
}

.button-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.button-md-danger-low:hover:not(.disable-hover) {
  background-color: #fb745e;
}

.button-md-danger-low.activated {
  background-color: #e76b56;
  opacity: 1;
}

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

.button-outline-md-danger-low {
  border-color: #ee6e59;
  color: #ee6e59;
  background-color: transparent;
}

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

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

.button-outline-md-danger-low .button-effect {
  background-color: #ee6e59;
}

.button-clear-md-danger-low {
  border-color: transparent;
  color: #fb745e;
  background-color: transparent;
}

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

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

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

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

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

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

.button-outline-md-light {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

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

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

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

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

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

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

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

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

.button-md-dark.activated {
  background-color: #343434;
  opacity: 1;
}

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

.button-outline-md-dark {
  border-color: #2d2d2d;
  color: #2d2d2d;
  background-color: transparent;
}

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

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

.button-outline-md-dark .button-effect {
  background-color: #2d2d2d;
}

.button-clear-md-dark {
  border-color: transparent;
  color: #222;
  background-color: transparent;
}

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

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

.button-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.button-md-favorite:hover:not(.disable-hover) {
  background-color: #39B44A;
}

.button-md-favorite.activated {
  background-color: #49ba58;
  opacity: 1;
}

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

.button-outline-md-favorite {
  border-color: #43b853;
  color: #43b853;
  background-color: transparent;
}

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

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

.button-outline-md-favorite .button-effect {
  background-color: #43b853;
}

.button-clear-md-favorite {
  border-color: transparent;
  color: #39B44A;
  background-color: transparent;
}

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

.button-clear-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.button-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.button-md-darkgrey:hover:not(.disable-hover) {
  background-color: #8e9093;
}

.button-md-darkgrey.activated {
  background-color: #838487;
  opacity: 1;
}

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

.button-outline-md-darkgrey {
  border-color: #87898c;
  color: #87898c;
  background-color: transparent;
}

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

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

.button-outline-md-darkgrey .button-effect {
  background-color: #87898c;
}

.button-clear-md-darkgrey {
  border-color: transparent;
  color: #8e9093;
  background-color: transparent;
}

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

.button-clear-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.button-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.button-md-emerald:hover:not(.disable-hover) {
  background-color: #3498db;
}

.button-md-emerald.activated {
  background-color: #308cc9;
  opacity: 1;
}

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

.button-outline-md-emerald {
  border-color: #3190d0;
  color: #3190d0;
  background-color: transparent;
}

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

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

.button-outline-md-emerald .button-effect {
  background-color: #3190d0;
}

.button-clear-md-emerald {
  border-color: transparent;
  color: #3498db;
  background-color: transparent;
}

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

.button-clear-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

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

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

.button-md-concrete.activated {
  background-color: #aeb3b7;
  opacity: 1;
}

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

.button-outline-md-concrete {
  border-color: #b4b9bd;
  color: #b4b9bd;
  background-color: transparent;
}

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

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

.button-outline-md-concrete .button-effect {
  background-color: #b4b9bd;
}

.button-clear-md-concrete {
  border-color: transparent;
  color: #bdc3c7;
  background-color: transparent;
}

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

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

.button-md-yellow {
  color: #000;
  background-color: #ffff00;
}

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

.button-md-yellow.activated {
  background-color: #ffff14;
  opacity: 1;
}

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

.button-outline-md-yellow {
  border-color: #ffff0d;
  color: #ffff0d;
  background-color: transparent;
}

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

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

.button-outline-md-yellow .button-effect {
  background-color: #ffff0d;
}

.button-clear-md-yellow {
  border-color: transparent;
  color: #ffff00;
  background-color: transparent;
}

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

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

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

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

.button-md-black.activated {
  background-color: #141414;
  opacity: 1;
}

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

.button-outline-md-black {
  border-color: #0d0d0d;
  color: #0d0d0d;
  background-color: transparent;
}

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

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

.button-outline-md-black .button-effect {
  background-color: #0d0d0d;
}

.button-clear-md-black {
  border-color: transparent;
  color: #000000;
  background-color: transparent;
}

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

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

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

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

.button-md-grey.activated {
  background-color: #767676;
  opacity: 1;
}

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

.button-outline-md-grey {
  border-color: #7a7a7a;
  color: #7a7a7a;
  background-color: transparent;
}

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

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

.button-outline-md-grey .button-effect {
  background-color: #7a7a7a;
}

.button-clear-md-grey {
  border-color: transparent;
  color: #808080;
  background-color: transparent;
}

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

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

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

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

.button-md-red.activated {
  background-color: #da434f;
  opacity: 1;
}

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

.button-outline-md-red {
  border-color: #e14552;
  color: #e14552;
  background-color: transparent;
}

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

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

.button-outline-md-red .button-effect {
  background-color: #e14552;
}

.button-clear-md-red {
  border-color: transparent;
  color: #ed4956;
  background-color: transparent;
}

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

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

.button-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.button-md-notif:hover:not(.disable-hover) {
  background-color: #17DFC4;
}

.button-md-notif.activated {
  background-color: #2ae2c9;
  opacity: 1;
}

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

.button-outline-md-notif {
  border-color: #23e1c7;
  color: #23e1c7;
  background-color: transparent;
}

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

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

.button-outline-md-notif .button-effect {
  background-color: #23e1c7;
}

.button-clear-md-notif {
  border-color: transparent;
  color: #17DFC4;
  background-color: transparent;
}

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

.button-clear-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.button-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.button-md-new-badge:hover:not(.disable-hover) {
  background-color: #63BEFB;
}

.button-md-new-badge.activated {
  background-color: #5bafe7;
  opacity: 1;
}

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

.button-outline-md-new-badge {
  border-color: #5eb5ee;
  color: #5eb5ee;
  background-color: transparent;
}

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

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

.button-outline-md-new-badge .button-effect {
  background-color: #5eb5ee;
}

.button-clear-md-new-badge {
  border-color: transparent;
  color: #63BEFB;
  background-color: transparent;
}

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

.button-clear-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.button-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.button-md-accent:hover:not(.disable-hover) {
  background-color: #63BEFB;
}

.button-md-accent.activated {
  background-color: #5bafe7;
  opacity: 1;
}

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

.button-outline-md-accent {
  border-color: #5eb5ee;
  color: #5eb5ee;
  background-color: transparent;
}

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

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

.button-outline-md-accent .button-effect {
  background-color: #5eb5ee;
}

.button-clear-md-accent {
  border-color: transparent;
  color: #63BEFB;
  background-color: transparent;
}

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

.button-clear-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.button-md-skeleton {
  color: #000;
  background-color: #dddddd;
}

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

.button-md-skeleton.activated {
  background-color: #cbcbcb;
  opacity: 1;
}

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

.button-outline-md-skeleton {
  border-color: #d2d2d2;
  color: #d2d2d2;
  background-color: transparent;
}

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

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

.button-outline-md-skeleton .button-effect {
  background-color: #d2d2d2;
}

.button-clear-md-skeleton {
  border-color: transparent;
  color: #dddddd;
  background-color: transparent;
}

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

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

.button-md-outline {
  color: #000;
  background-color: #dbdbe1;
}

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

.button-md-outline.activated {
  background-color: #c9c9cf;
  opacity: 1;
}

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

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

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

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

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

.button-clear-md-outline {
  border-color: transparent;
  color: #dbdbe1;
  background-color: transparent;
}

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

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

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

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

.button-md-secondary-text.activated {
  background-color: #98a2a8;
  opacity: 1;
}

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

.button-outline-md-secondary-text {
  border-color: #9da7ae;
  color: #9da7ae;
  background-color: transparent;
}

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

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

.button-outline-md-secondary-text .button-effect {
  background-color: #9da7ae;
}

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

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

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

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

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

.button-md-text.activated {
  background-color: #2b3639;
  opacity: 1;
}

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

.button-outline-md-text {
  border-color: #253033;
  color: #253033;
  background-color: transparent;
}

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

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

.button-outline-md-text .button-effect {
  background-color: #253033;
}

.button-clear-md-text {
  border-color: transparent;
  color: #192528;
  background-color: transparent;
}

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

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

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

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

.button-md-label.activated {
  background-color: #434343;
  opacity: 1;
}

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

.button-outline-md-label {
  border-color: #3d3d3d;
  color: #3d3d3d;
  background-color: transparent;
}

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

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

.button-outline-md-label .button-effect {
  background-color: #3d3d3d;
}

.button-clear-md-label {
  border-color: transparent;
  color: #333333;
  background-color: transparent;
}

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

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

.button-md-hover {
  color: #000;
  background-color: #eff2f4;
}

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

.button-md-hover.activated {
  background-color: #dcdfe0;
  opacity: 1;
}

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

.button-outline-md-hover {
  border-color: #e3e6e8;
  color: #e3e6e8;
  background-color: transparent;
}

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

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

.button-outline-md-hover .button-effect {
  background-color: #e3e6e8;
}

.button-clear-md-hover {
  border-color: transparent;
  color: #eff2f4;
  background-color: transparent;
}

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

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

.button-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.button-md-hover-dark:hover:not(.disable-hover) {
  background-color: rgba(162, 162, 162, 0.1);
}

.button-md-hover-dark.activated {
  background-color: rgba(61, 61, 61, 0.172);
  opacity: 1;
}

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

.button-outline-md-hover-dark {
  border-color: rgba(81, 81, 81, 0.145);
  color: rgba(81, 81, 81, 0.145);
  background-color: transparent;
}

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

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

.button-outline-md-hover-dark .button-effect {
  background-color: rgba(81, 81, 81, 0.145);
}

.button-clear-md-hover-dark {
  border-color: transparent;
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

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

.button-clear-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.button-md-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

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

.button-md-bgcard.activated {
  background-color: #dee1e4;
  opacity: 1;
}

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

.button-outline-md-bgcard {
  border-color: #e6e9eb;
  color: #e6e9eb;
  background-color: transparent;
}

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

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

.button-outline-md-bgcard .button-effect {
  background-color: #e6e9eb;
}

.button-clear-md-bgcard {
  border-color: transparent;
  color: #f2f5f8;
  background-color: transparent;
}

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

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

.button-md-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

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

.button-md-bgcard2.activated {
  background-color: #e8e8e8;
  opacity: 1;
}

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

.button-outline-md-bgcard2 {
  border-color: #efefef;
  color: #efefef;
  background-color: transparent;
}

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

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

.button-outline-md-bgcard2 .button-effect {
  background-color: #efefef;
}

.button-clear-md-bgcard2 {
  border-color: transparent;
  color: #fcfcfc;
  background-color: transparent;
}

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

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

.button-md-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

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

.button-md-bglabel.activated {
  background-color: #d0d6da;
  opacity: 1;
}

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

.button-outline-md-bglabel {
  border-color: #d7dde1;
  color: #d7dde1;
  background-color: transparent;
}

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

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

.button-outline-md-bglabel .button-effect {
  background-color: #d7dde1;
}

.button-clear-md-bglabel {
  border-color: transparent;
  color: #E2E9ED;
  background-color: transparent;
}

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

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

.button-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

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

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

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

.button-outline-md-primary-light {
  border-color: #14b6c1;
  color: #14b6c1;
  background-color: transparent;
}

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

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

.button-outline-md-primary-light .button-effect {
  background-color: #14b6c1;
}

.button-clear-md-primary-light {
  border-color: transparent;
  color: #08b2be;
  background-color: transparent;
}

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

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

.button-md-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.button-md-bgicon:hover:not(.disable-hover) {
  background-color: rgba(226, 233, 237, 0.6);
}

.button-md-bgicon.activated {
  background-color: rgba(188, 194, 197, 0.632);
  opacity: 1;
}

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

.button-outline-md-bgicon {
  border-color: rgba(201, 208, 211, 0.62);
  color: rgba(201, 208, 211, 0.62);
  background-color: transparent;
}

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

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

.button-outline-md-bgicon .button-effect {
  background-color: rgba(201, 208, 211, 0.62);
}

.button-clear-md-bgicon {
  border-color: transparent;
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

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

.button-clear-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.button-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.button-md-primary-text:hover:not(.disable-hover) {
  background-color: #189dae;
}

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

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

.button-outline-md-primary-text {
  border-color: #24a2b2;
  color: #24a2b2;
  background-color: transparent;
}

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

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

.button-outline-md-primary-text .button-effect {
  background-color: #24a2b2;
}

.button-clear-md-primary-text {
  border-color: transparent;
  color: #189dae;
  background-color: transparent;
}

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

.button-clear-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.button-md-white {
  color: #000;
  background-color: #FFFFFF;
}

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

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

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

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

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

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

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

.button-clear-md-white {
  border-color: transparent;
  color: #FFFFFF;
  background-color: transparent;
}

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

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

.button-md-success {
  color: #fff;
  background-color: #2BB34D;
}

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

.button-md-success.activated {
  background-color: #3cb95b;
  opacity: 1;
}

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

.button-outline-md-success {
  border-color: #36b756;
  color: #36b756;
  background-color: transparent;
}

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

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

.button-outline-md-success .button-effect {
  background-color: #36b756;
}

.button-clear-md-success {
  border-color: transparent;
  color: #2BB34D;
  background-color: transparent;
}

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

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

.button-md-info {
  color: #fff;
  background-color: #1A73E8;
}

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

.button-md-info.activated {
  background-color: #186ad5;
  opacity: 1;
}

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

.button-outline-md-info {
  border-color: #196ddc;
  color: #196ddc;
  background-color: transparent;
}

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

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

.button-outline-md-info .button-effect {
  background-color: #196ddc;
}

.button-clear-md-info {
  border-color: transparent;
  color: #1A73E8;
  background-color: transparent;
}

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

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

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

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

.button-md-warning.activated {
  background-color: #ffb214;
  opacity: 1;
}

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

.button-outline-md-warning {
  border-color: #ffaf0d;
  color: #ffaf0d;
  background-color: transparent;
}

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

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

.button-outline-md-warning .button-effect {
  background-color: #ffaf0d;
}

.button-clear-md-warning {
  border-color: transparent;
  color: #FFAB00;
  background-color: transparent;
}

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

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

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

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

.button-md-danger.activated {
  background-color: #dd5a47;
  opacity: 1;
}

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

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

.button-clear-md-danger {
  border-color: transparent;
  color: #F0624D;
  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: #F0624D;
}

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

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

.button-md-tam.activated {
  background-color: #d01814;
  opacity: 1;
}

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

.button-outline-md-tam {
  border-color: #cf110d;
  color: #cf110d;
  background-color: transparent;
}

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

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

.button-outline-md-tam .button-effect {
  background-color: #cf110d;
}

.button-clear-md-tam {
  border-color: transparent;
  color: #CC0400;
  background-color: transparent;
}

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

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

.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: #F68A22;
  margin: 0.4rem 0.2rem;
  padding: 0 1.1em;
}

.button-wp:hover:not(.disable-hover) {
  border-color: #e27f1f;
  background-color: #F68A22;
}

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

.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: #F68A22;
  color: #F68A22;
  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(246, 138, 34, 0.16);
}

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

.button-wp-primary:hover:not(.disable-hover) {
  border-color: #e27f1f;
  background-color: #F68A22;
}

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

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

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

.button-outline-wp-primary.activated {
  background-color: rgba(234, 131, 32, 0.16);
}

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

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

.button-wp-secondary:hover:not(.disable-hover) {
  border-color: #5bafe7;
  background-color: #63BEFB;
}

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

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

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

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

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

.button-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.button-wp-danger-low:hover:not(.disable-hover) {
  border-color: #e76b56;
  background-color: #fb745e;
}

.button-wp-danger-low.activated {
  background-color: #e76b56;
}

.button-outline-wp-danger-low {
  border-color: #ee6e59;
  color: #ee6e59;
  background-color: transparent;
}

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

.button-outline-wp-danger-low.activated {
  background-color: rgba(238, 110, 89, 0.16);
}

.button-clear-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

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

.button-clear-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.button-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

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

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

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

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

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

.button-clear-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

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

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

.button-wp-dark {
  color: #fff;
  background-color: #222;
}

.button-wp-dark:hover:not(.disable-hover) {
  border-color: #343434;
  background-color: #222;
}

.button-wp-dark.activated {
  background-color: #343434;
}

.button-outline-wp-dark {
  border-color: #2d2d2d;
  color: #2d2d2d;
  background-color: transparent;
}

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

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

.button-clear-wp-dark {
  color: #222;
  background-color: transparent;
}

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

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

.button-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.button-wp-favorite:hover:not(.disable-hover) {
  border-color: #49ba58;
  background-color: #39B44A;
}

.button-wp-favorite.activated {
  background-color: #49ba58;
}

.button-outline-wp-favorite {
  border-color: #43b853;
  color: #43b853;
  background-color: transparent;
}

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

.button-outline-wp-favorite.activated {
  background-color: rgba(67, 184, 83, 0.16);
}

.button-clear-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

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

.button-clear-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.button-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.button-wp-darkgrey:hover:not(.disable-hover) {
  border-color: #838487;
  background-color: #8e9093;
}

.button-wp-darkgrey.activated {
  background-color: #838487;
}

.button-outline-wp-darkgrey {
  border-color: #87898c;
  color: #87898c;
  background-color: transparent;
}

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

.button-outline-wp-darkgrey.activated {
  background-color: rgba(135, 137, 140, 0.16);
}

.button-clear-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

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

.button-clear-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.button-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.button-wp-emerald:hover:not(.disable-hover) {
  border-color: #308cc9;
  background-color: #3498db;
}

.button-wp-emerald.activated {
  background-color: #308cc9;
}

.button-outline-wp-emerald {
  border-color: #3190d0;
  color: #3190d0;
  background-color: transparent;
}

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

.button-outline-wp-emerald.activated {
  background-color: rgba(49, 144, 208, 0.16);
}

.button-clear-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

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

.button-clear-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.button-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.button-wp-concrete:hover:not(.disable-hover) {
  border-color: #aeb3b7;
  background-color: #bdc3c7;
}

.button-wp-concrete.activated {
  background-color: #aeb3b7;
}

.button-outline-wp-concrete {
  border-color: #b4b9bd;
  color: #b4b9bd;
  background-color: transparent;
}

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

.button-outline-wp-concrete.activated {
  background-color: rgba(180, 185, 189, 0.16);
}

.button-clear-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

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

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

.button-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.button-wp-yellow:hover:not(.disable-hover) {
  border-color: #ffff14;
  background-color: #ffff00;
}

.button-wp-yellow.activated {
  background-color: #ffff14;
}

.button-outline-wp-yellow {
  border-color: #ffff0d;
  color: #ffff0d;
  background-color: transparent;
}

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

.button-outline-wp-yellow.activated {
  background-color: rgba(255, 255, 13, 0.16);
}

.button-clear-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

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

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

.button-wp-black {
  color: #fff;
  background-color: #000000;
}

.button-wp-black:hover:not(.disable-hover) {
  border-color: #141414;
  background-color: #000000;
}

.button-wp-black.activated {
  background-color: #141414;
}

.button-outline-wp-black {
  border-color: #0d0d0d;
  color: #0d0d0d;
  background-color: transparent;
}

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

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

.button-clear-wp-black {
  color: #000000;
  background-color: transparent;
}

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

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

.button-wp-grey {
  color: #fff;
  background-color: #808080;
}

.button-wp-grey:hover:not(.disable-hover) {
  border-color: #767676;
  background-color: #808080;
}

.button-wp-grey.activated {
  background-color: #767676;
}

.button-outline-wp-grey {
  border-color: #7a7a7a;
  color: #7a7a7a;
  background-color: transparent;
}

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

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

.button-clear-wp-grey {
  color: #808080;
  background-color: transparent;
}

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

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

.button-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.button-wp-red:hover:not(.disable-hover) {
  border-color: #da434f;
  background-color: #ed4956;
}

.button-wp-red.activated {
  background-color: #da434f;
}

.button-outline-wp-red {
  border-color: #e14552;
  color: #e14552;
  background-color: transparent;
}

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

.button-outline-wp-red.activated {
  background-color: rgba(225, 69, 82, 0.16);
}

.button-clear-wp-red {
  color: #ed4956;
  background-color: transparent;
}

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

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

.button-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.button-wp-notif:hover:not(.disable-hover) {
  border-color: #2ae2c9;
  background-color: #17DFC4;
}

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

.button-outline-wp-notif {
  border-color: #23e1c7;
  color: #23e1c7;
  background-color: transparent;
}

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

.button-outline-wp-notif.activated {
  background-color: rgba(35, 225, 199, 0.16);
}

.button-clear-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

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

.button-clear-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.button-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.button-wp-new-badge:hover:not(.disable-hover) {
  border-color: #5bafe7;
  background-color: #63BEFB;
}

.button-wp-new-badge.activated {
  background-color: #5bafe7;
}

.button-outline-wp-new-badge {
  border-color: #5eb5ee;
  color: #5eb5ee;
  background-color: transparent;
}

.button-outline-wp-new-badge:hover:not(.disable-hover) {
  border-color: #5eb5ee;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-new-badge.activated {
  background-color: rgba(94, 181, 238, 0.16);
}

.button-clear-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

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

.button-clear-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.button-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.button-wp-accent:hover:not(.disable-hover) {
  border-color: #5bafe7;
  background-color: #63BEFB;
}

.button-wp-accent.activated {
  background-color: #5bafe7;
}

.button-outline-wp-accent {
  border-color: #5eb5ee;
  color: #5eb5ee;
  background-color: transparent;
}

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

.button-outline-wp-accent.activated {
  background-color: rgba(94, 181, 238, 0.16);
}

.button-clear-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

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

.button-clear-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.button-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.button-wp-skeleton:hover:not(.disable-hover) {
  border-color: #cbcbcb;
  background-color: #dddddd;
}

.button-wp-skeleton.activated {
  background-color: #cbcbcb;
}

.button-outline-wp-skeleton {
  border-color: #d2d2d2;
  color: #d2d2d2;
  background-color: transparent;
}

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

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

.button-clear-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

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

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

.button-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.button-wp-outline:hover:not(.disable-hover) {
  border-color: #c9c9cf;
  background-color: #dbdbe1;
}

.button-wp-outline.activated {
  background-color: #c9c9cf;
}

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

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

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

.button-clear-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

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

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

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

.button-wp-secondary-text:hover:not(.disable-hover) {
  border-color: #98a2a8;
  background-color: #A5B0B7;
}

.button-wp-secondary-text.activated {
  background-color: #98a2a8;
}

.button-outline-wp-secondary-text {
  border-color: #9da7ae;
  color: #9da7ae;
  background-color: transparent;
}

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

.button-outline-wp-secondary-text.activated {
  background-color: rgba(157, 167, 174, 0.16);
}

.button-clear-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

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

.button-clear-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.button-wp-text {
  color: #fff;
  background-color: #192528;
}

.button-wp-text:hover:not(.disable-hover) {
  border-color: #2b3639;
  background-color: #192528;
}

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

.button-outline-wp-text {
  border-color: #253033;
  color: #253033;
  background-color: transparent;
}

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

.button-outline-wp-text.activated {
  background-color: rgba(37, 48, 51, 0.16);
}

.button-clear-wp-text {
  color: #192528;
  background-color: transparent;
}

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

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

.button-wp-label {
  color: #fff;
  background-color: #333333;
}

.button-wp-label:hover:not(.disable-hover) {
  border-color: #434343;
  background-color: #333333;
}

.button-wp-label.activated {
  background-color: #434343;
}

.button-outline-wp-label {
  border-color: #3d3d3d;
  color: #3d3d3d;
  background-color: transparent;
}

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

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

.button-clear-wp-label {
  color: #333333;
  background-color: transparent;
}

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

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

.button-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.button-wp-hover:hover:not(.disable-hover) {
  border-color: #dcdfe0;
  background-color: #eff2f4;
}

.button-wp-hover.activated {
  background-color: #dcdfe0;
}

.button-outline-wp-hover {
  border-color: #e3e6e8;
  color: #e3e6e8;
  background-color: transparent;
}

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

.button-outline-wp-hover.activated {
  background-color: rgba(227, 230, 232, 0.16);
}

.button-clear-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

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

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

.button-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.button-wp-hover-dark:hover:not(.disable-hover) {
  border-color: rgba(61, 61, 61, 0.172);
  background-color: rgba(162, 162, 162, 0.1);
}

.button-wp-hover-dark.activated {
  background-color: rgba(61, 61, 61, 0.172);
}

.button-outline-wp-hover-dark {
  border-color: rgba(81, 81, 81, 0.145);
  color: rgba(81, 81, 81, 0.145);
  background-color: transparent;
}

.button-outline-wp-hover-dark:hover:not(.disable-hover) {
  border-color: rgba(81, 81, 81, 0.145);
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-hover-dark.activated {
  background-color: rgba(81, 81, 81, 0.16);
}

.button-clear-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

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

.button-clear-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.button-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.button-wp-bgcard:hover:not(.disable-hover) {
  border-color: #dee1e4;
  background-color: #f2f5f8;
}

.button-wp-bgcard.activated {
  background-color: #dee1e4;
}

.button-outline-wp-bgcard {
  border-color: #e6e9eb;
  color: #e6e9eb;
  background-color: transparent;
}

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

.button-outline-wp-bgcard.activated {
  background-color: rgba(230, 233, 235, 0.16);
}

.button-clear-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

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

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

.button-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.button-wp-bgcard2:hover:not(.disable-hover) {
  border-color: #e8e8e8;
  background-color: #fcfcfc;
}

.button-wp-bgcard2.activated {
  background-color: #e8e8e8;
}

.button-outline-wp-bgcard2 {
  border-color: #efefef;
  color: #efefef;
  background-color: transparent;
}

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

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

.button-clear-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

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

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

.button-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.button-wp-bglabel:hover:not(.disable-hover) {
  border-color: #d0d6da;
  background-color: #E2E9ED;
}

.button-wp-bglabel.activated {
  background-color: #d0d6da;
}

.button-outline-wp-bglabel {
  border-color: #d7dde1;
  color: #d7dde1;
  background-color: transparent;
}

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

.button-outline-wp-bglabel.activated {
  background-color: rgba(215, 221, 225, 0.16);
}

.button-clear-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

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

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

.button-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.button-wp-primary-light:hover:not(.disable-hover) {
  border-color: #1cb8c3;
  background-color: #08b2be;
}

.button-wp-primary-light.activated {
  background-color: #1cb8c3;
}

.button-outline-wp-primary-light {
  border-color: #14b6c1;
  color: #14b6c1;
  background-color: transparent;
}

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

.button-outline-wp-primary-light.activated {
  background-color: rgba(20, 182, 193, 0.16);
}

.button-clear-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

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

.button-clear-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.button-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.button-wp-bgicon:hover:not(.disable-hover) {
  border-color: rgba(188, 194, 197, 0.632);
  background-color: rgba(226, 233, 237, 0.6);
}

.button-wp-bgicon.activated {
  background-color: rgba(188, 194, 197, 0.632);
}

.button-outline-wp-bgicon {
  border-color: rgba(201, 208, 211, 0.62);
  color: rgba(201, 208, 211, 0.62);
  background-color: transparent;
}

.button-outline-wp-bgicon:hover:not(.disable-hover) {
  border-color: rgba(201, 208, 211, 0.62);
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-bgicon.activated {
  background-color: rgba(201, 208, 211, 0.16);
}

.button-clear-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

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

.button-clear-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.button-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.button-wp-primary-text:hover:not(.disable-hover) {
  border-color: #2aa5b4;
  background-color: #189dae;
}

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

.button-outline-wp-primary-text {
  border-color: #24a2b2;
  color: #24a2b2;
  background-color: transparent;
}

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

.button-outline-wp-primary-text.activated {
  background-color: rgba(36, 162, 178, 0.16);
}

.button-clear-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

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

.button-clear-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.button-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

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

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

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

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

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

.button-clear-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

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

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

.button-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.button-wp-success:hover:not(.disable-hover) {
  border-color: #3cb95b;
  background-color: #2BB34D;
}

.button-wp-success.activated {
  background-color: #3cb95b;
}

.button-outline-wp-success {
  border-color: #36b756;
  color: #36b756;
  background-color: transparent;
}

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

.button-outline-wp-success.activated {
  background-color: rgba(54, 183, 86, 0.16);
}

.button-clear-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

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

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

.button-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.button-wp-info:hover:not(.disable-hover) {
  border-color: #186ad5;
  background-color: #1A73E8;
}

.button-wp-info.activated {
  background-color: #186ad5;
}

.button-outline-wp-info {
  border-color: #196ddc;
  color: #196ddc;
  background-color: transparent;
}

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

.button-outline-wp-info.activated {
  background-color: rgba(25, 109, 220, 0.16);
}

.button-clear-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

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

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

.button-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.button-wp-warning:hover:not(.disable-hover) {
  border-color: #ffb214;
  background-color: #FFAB00;
}

.button-wp-warning.activated {
  background-color: #ffb214;
}

.button-outline-wp-warning {
  border-color: #ffaf0d;
  color: #ffaf0d;
  background-color: transparent;
}

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

.button-outline-wp-warning.activated {
  background-color: rgba(255, 175, 13, 0.16);
}

.button-clear-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

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

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

.button-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.button-wp-danger:hover:not(.disable-hover) {
  border-color: #dd5a47;
  background-color: #F0624D;
}

.button-wp-danger.activated {
  background-color: #dd5a47;
}

.button-outline-wp-danger {
  border-color: #e45d49;
  color: #e45d49;
  background-color: transparent;
}

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

.button-outline-wp-danger.activated {
  background-color: rgba(228, 93, 73, 0.16);
}

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

.button-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.button-wp-tam:hover:not(.disable-hover) {
  border-color: #d01814;
  background-color: #CC0400;
}

.button-wp-tam.activated {
  background-color: #d01814;
}

.button-outline-wp-tam {
  border-color: #cf110d;
  color: #cf110d;
  background-color: transparent;
}

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

.button-outline-wp-tam.activated {
  background-color: rgba(207, 17, 13, 0.16);
}

.button-clear-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

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

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

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

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

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

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

.card-ios-primary .text-ios-danger-low,
.card-ios-primary .card-header-ios-danger-low,
.card-ios-primary .card-title-ios-danger-low,
.card-ios-primary .card-content-ios-danger-low {
  color: #fb745e;
}

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

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

.card-ios-primary .text-ios-favorite,
.card-ios-primary .card-header-ios-favorite,
.card-ios-primary .card-title-ios-favorite,
.card-ios-primary .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-primary .text-ios-darkgrey,
.card-ios-primary .card-header-ios-darkgrey,
.card-ios-primary .card-title-ios-darkgrey,
.card-ios-primary .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-primary .text-ios-emerald,
.card-ios-primary .card-header-ios-emerald,
.card-ios-primary .card-title-ios-emerald,
.card-ios-primary .card-content-ios-emerald {
  color: #3498db;
}

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

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

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

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

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

.card-ios-primary .text-ios-notif,
.card-ios-primary .card-header-ios-notif,
.card-ios-primary .card-title-ios-notif,
.card-ios-primary .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-primary .text-ios-new-badge,
.card-ios-primary .card-header-ios-new-badge,
.card-ios-primary .card-title-ios-new-badge,
.card-ios-primary .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-primary .text-ios-accent,
.card-ios-primary .card-header-ios-accent,
.card-ios-primary .card-title-ios-accent,
.card-ios-primary .card-content-ios-accent {
  color: #63BEFB;
}

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

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

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

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

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

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

.card-ios-primary .text-ios-hover-dark,
.card-ios-primary .card-header-ios-hover-dark,
.card-ios-primary .card-title-ios-hover-dark,
.card-ios-primary .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

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

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

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

.card-ios-primary .text-ios-primary-light,
.card-ios-primary .card-header-ios-primary-light,
.card-ios-primary .card-title-ios-primary-light,
.card-ios-primary .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-primary .text-ios-bgicon,
.card-ios-primary .card-header-ios-bgicon,
.card-ios-primary .card-title-ios-bgicon,
.card-ios-primary .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

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

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

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

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

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

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

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

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

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

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

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

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

.card-ios-secondary .text-ios-danger-low,
.card-ios-secondary .card-header-ios-danger-low,
.card-ios-secondary .card-title-ios-danger-low,
.card-ios-secondary .card-content-ios-danger-low {
  color: #fb745e;
}

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

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

.card-ios-secondary .text-ios-favorite,
.card-ios-secondary .card-header-ios-favorite,
.card-ios-secondary .card-title-ios-favorite,
.card-ios-secondary .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-secondary .text-ios-darkgrey,
.card-ios-secondary .card-header-ios-darkgrey,
.card-ios-secondary .card-title-ios-darkgrey,
.card-ios-secondary .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-secondary .text-ios-emerald,
.card-ios-secondary .card-header-ios-emerald,
.card-ios-secondary .card-title-ios-emerald,
.card-ios-secondary .card-content-ios-emerald {
  color: #3498db;
}

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

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

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

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

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

.card-ios-secondary .text-ios-notif,
.card-ios-secondary .card-header-ios-notif,
.card-ios-secondary .card-title-ios-notif,
.card-ios-secondary .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-secondary .text-ios-new-badge,
.card-ios-secondary .card-header-ios-new-badge,
.card-ios-secondary .card-title-ios-new-badge,
.card-ios-secondary .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-secondary .text-ios-accent,
.card-ios-secondary .card-header-ios-accent,
.card-ios-secondary .card-title-ios-accent,
.card-ios-secondary .card-content-ios-accent {
  color: #63BEFB;
}

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

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

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

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

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

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

.card-ios-secondary .text-ios-hover-dark,
.card-ios-secondary .card-header-ios-hover-dark,
.card-ios-secondary .card-title-ios-hover-dark,
.card-ios-secondary .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

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

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

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

.card-ios-secondary .text-ios-primary-light,
.card-ios-secondary .card-header-ios-primary-light,
.card-ios-secondary .card-title-ios-primary-light,
.card-ios-secondary .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-secondary .text-ios-bgicon,
.card-ios-secondary .card-header-ios-bgicon,
.card-ios-secondary .card-title-ios-bgicon,
.card-ios-secondary .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-secondary .text-ios-primary-text,
.card-ios-secondary .card-header-ios-primary-text,
.card-ios-secondary .card-title-ios-primary-text,
.card-ios-secondary .card-content-ios-primary-text {
  color: #189dae;
}

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

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

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

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

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

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

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

.card-ios .text-ios-danger-low {
  color: #fb745e;
}

.card-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

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

.card-ios-danger-low .text-ios-primary,
.card-ios-danger-low .card-header-ios-primary,
.card-ios-danger-low .card-title-ios-primary,
.card-ios-danger-low .card-content-ios-primary {
  color: #F68A22;
}

.card-ios-danger-low .text-ios-secondary,
.card-ios-danger-low .card-header-ios-secondary,
.card-ios-danger-low .card-title-ios-secondary,
.card-ios-danger-low .card-content-ios-secondary {
  color: #63BEFB;
}

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

.card-ios-danger-low .text-ios-light,
.card-ios-danger-low .card-header-ios-light,
.card-ios-danger-low .card-title-ios-light,
.card-ios-danger-low .card-content-ios-light {
  color: #f4f4f4;
}

.card-ios-danger-low .text-ios-dark,
.card-ios-danger-low .card-header-ios-dark,
.card-ios-danger-low .card-title-ios-dark,
.card-ios-danger-low .card-content-ios-dark {
  color: #222;
}

.card-ios-danger-low .text-ios-favorite,
.card-ios-danger-low .card-header-ios-favorite,
.card-ios-danger-low .card-title-ios-favorite,
.card-ios-danger-low .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-danger-low .text-ios-darkgrey,
.card-ios-danger-low .card-header-ios-darkgrey,
.card-ios-danger-low .card-title-ios-darkgrey,
.card-ios-danger-low .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-danger-low .text-ios-emerald,
.card-ios-danger-low .card-header-ios-emerald,
.card-ios-danger-low .card-title-ios-emerald,
.card-ios-danger-low .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-danger-low .text-ios-concrete,
.card-ios-danger-low .card-header-ios-concrete,
.card-ios-danger-low .card-title-ios-concrete,
.card-ios-danger-low .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-danger-low .text-ios-yellow,
.card-ios-danger-low .card-header-ios-yellow,
.card-ios-danger-low .card-title-ios-yellow,
.card-ios-danger-low .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-danger-low .text-ios-black,
.card-ios-danger-low .card-header-ios-black,
.card-ios-danger-low .card-title-ios-black,
.card-ios-danger-low .card-content-ios-black {
  color: #000000;
}

.card-ios-danger-low .text-ios-grey,
.card-ios-danger-low .card-header-ios-grey,
.card-ios-danger-low .card-title-ios-grey,
.card-ios-danger-low .card-content-ios-grey {
  color: #808080;
}

.card-ios-danger-low .text-ios-red,
.card-ios-danger-low .card-header-ios-red,
.card-ios-danger-low .card-title-ios-red,
.card-ios-danger-low .card-content-ios-red {
  color: #ed4956;
}

.card-ios-danger-low .text-ios-notif,
.card-ios-danger-low .card-header-ios-notif,
.card-ios-danger-low .card-title-ios-notif,
.card-ios-danger-low .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-danger-low .text-ios-new-badge,
.card-ios-danger-low .card-header-ios-new-badge,
.card-ios-danger-low .card-title-ios-new-badge,
.card-ios-danger-low .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-danger-low .text-ios-accent,
.card-ios-danger-low .card-header-ios-accent,
.card-ios-danger-low .card-title-ios-accent,
.card-ios-danger-low .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-danger-low .text-ios-skeleton,
.card-ios-danger-low .card-header-ios-skeleton,
.card-ios-danger-low .card-title-ios-skeleton,
.card-ios-danger-low .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-danger-low .text-ios-outline,
.card-ios-danger-low .card-header-ios-outline,
.card-ios-danger-low .card-title-ios-outline,
.card-ios-danger-low .card-content-ios-outline {
  color: #dbdbe1;
}

.card-ios-danger-low .text-ios-secondary-text,
.card-ios-danger-low .card-header-ios-secondary-text,
.card-ios-danger-low .card-title-ios-secondary-text,
.card-ios-danger-low .card-content-ios-secondary-text {
  color: #A5B0B7;
}

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

.card-ios-danger-low .text-ios-label,
.card-ios-danger-low .card-header-ios-label,
.card-ios-danger-low .card-title-ios-label,
.card-ios-danger-low .card-content-ios-label {
  color: #333333;
}

.card-ios-danger-low .text-ios-hover,
.card-ios-danger-low .card-header-ios-hover,
.card-ios-danger-low .card-title-ios-hover,
.card-ios-danger-low .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-danger-low .text-ios-hover-dark,
.card-ios-danger-low .card-header-ios-hover-dark,
.card-ios-danger-low .card-title-ios-hover-dark,
.card-ios-danger-low .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-danger-low .text-ios-bgcard,
.card-ios-danger-low .card-header-ios-bgcard,
.card-ios-danger-low .card-title-ios-bgcard,
.card-ios-danger-low .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-danger-low .text-ios-bgcard2,
.card-ios-danger-low .card-header-ios-bgcard2,
.card-ios-danger-low .card-title-ios-bgcard2,
.card-ios-danger-low .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-danger-low .text-ios-bglabel,
.card-ios-danger-low .card-header-ios-bglabel,
.card-ios-danger-low .card-title-ios-bglabel,
.card-ios-danger-low .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-danger-low .text-ios-primary-light,
.card-ios-danger-low .card-header-ios-primary-light,
.card-ios-danger-low .card-title-ios-primary-light,
.card-ios-danger-low .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-danger-low .text-ios-bgicon,
.card-ios-danger-low .card-header-ios-bgicon,
.card-ios-danger-low .card-title-ios-bgicon,
.card-ios-danger-low .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-danger-low .text-ios-primary-text,
.card-ios-danger-low .card-header-ios-primary-text,
.card-ios-danger-low .card-title-ios-primary-text,
.card-ios-danger-low .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-danger-low .text-ios-white,
.card-ios-danger-low .card-header-ios-white,
.card-ios-danger-low .card-title-ios-white,
.card-ios-danger-low .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-danger-low .text-ios-success,
.card-ios-danger-low .card-header-ios-success,
.card-ios-danger-low .card-title-ios-success,
.card-ios-danger-low .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-danger-low .text-ios-info,
.card-ios-danger-low .card-header-ios-info,
.card-ios-danger-low .card-title-ios-info,
.card-ios-danger-low .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-danger-low .text-ios-warning,
.card-ios-danger-low .card-header-ios-warning,
.card-ios-danger-low .card-title-ios-warning,
.card-ios-danger-low .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-danger-low .text-ios-tam,
.card-ios-danger-low .card-header-ios-tam,
.card-ios-danger-low .card-title-ios-tam,
.card-ios-danger-low .card-content-ios-tam {
  color: #CC0400;
}

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

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

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

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

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

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

.card-ios-light .text-ios-danger-low,
.card-ios-light .card-header-ios-danger-low,
.card-ios-light .card-title-ios-danger-low,
.card-ios-light .card-content-ios-danger-low {
  color: #fb745e;
}

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

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

.card-ios-light .text-ios-favorite,
.card-ios-light .card-header-ios-favorite,
.card-ios-light .card-title-ios-favorite,
.card-ios-light .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-light .text-ios-darkgrey,
.card-ios-light .card-header-ios-darkgrey,
.card-ios-light .card-title-ios-darkgrey,
.card-ios-light .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-light .text-ios-emerald,
.card-ios-light .card-header-ios-emerald,
.card-ios-light .card-title-ios-emerald,
.card-ios-light .card-content-ios-emerald {
  color: #3498db;
}

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

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

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

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

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

.card-ios-light .text-ios-notif,
.card-ios-light .card-header-ios-notif,
.card-ios-light .card-title-ios-notif,
.card-ios-light .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-light .text-ios-new-badge,
.card-ios-light .card-header-ios-new-badge,
.card-ios-light .card-title-ios-new-badge,
.card-ios-light .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-light .text-ios-accent,
.card-ios-light .card-header-ios-accent,
.card-ios-light .card-title-ios-accent,
.card-ios-light .card-content-ios-accent {
  color: #63BEFB;
}

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

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

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

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

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

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

.card-ios-light .text-ios-hover-dark,
.card-ios-light .card-header-ios-hover-dark,
.card-ios-light .card-title-ios-hover-dark,
.card-ios-light .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

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

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

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

.card-ios-light .text-ios-primary-light,
.card-ios-light .card-header-ios-primary-light,
.card-ios-light .card-title-ios-primary-light,
.card-ios-light .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-light .text-ios-bgicon,
.card-ios-light .card-header-ios-bgicon,
.card-ios-light .card-title-ios-bgicon,
.card-ios-light .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-light .text-ios-primary-text,
.card-ios-light .card-header-ios-primary-text,
.card-ios-light .card-title-ios-primary-text,
.card-ios-light .card-content-ios-primary-text {
  color: #189dae;
}

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

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

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

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

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

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

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

.card-ios .text-ios-dark {
  color: #222;
}

.card-ios-dark {
  color: #fff;
  background-color: #222;
}

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

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

.card-ios-dark .text-ios-secondary,
.card-ios-dark .card-header-ios-secondary,
.card-ios-dark .card-title-ios-secondary,
.card-ios-dark .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-dark .text-ios-danger-low,
.card-ios-dark .card-header-ios-danger-low,
.card-ios-dark .card-title-ios-danger-low,
.card-ios-dark .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-dark .text-ios-dark,
.card-ios-dark .card-header-ios-dark,
.card-ios-dark .card-title-ios-dark,
.card-ios-dark .card-content-ios-dark {
  color: #222;
}

.card-ios-dark .text-ios-favorite,
.card-ios-dark .card-header-ios-favorite,
.card-ios-dark .card-title-ios-favorite,
.card-ios-dark .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-dark .text-ios-darkgrey,
.card-ios-dark .card-header-ios-darkgrey,
.card-ios-dark .card-title-ios-darkgrey,
.card-ios-dark .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-dark .text-ios-emerald,
.card-ios-dark .card-header-ios-emerald,
.card-ios-dark .card-title-ios-emerald,
.card-ios-dark .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-dark .text-ios-concrete,
.card-ios-dark .card-header-ios-concrete,
.card-ios-dark .card-title-ios-concrete,
.card-ios-dark .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-dark .text-ios-yellow,
.card-ios-dark .card-header-ios-yellow,
.card-ios-dark .card-title-ios-yellow,
.card-ios-dark .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-dark .text-ios-black,
.card-ios-dark .card-header-ios-black,
.card-ios-dark .card-title-ios-black,
.card-ios-dark .card-content-ios-black {
  color: #000000;
}

.card-ios-dark .text-ios-grey,
.card-ios-dark .card-header-ios-grey,
.card-ios-dark .card-title-ios-grey,
.card-ios-dark .card-content-ios-grey {
  color: #808080;
}

.card-ios-dark .text-ios-red,
.card-ios-dark .card-header-ios-red,
.card-ios-dark .card-title-ios-red,
.card-ios-dark .card-content-ios-red {
  color: #ed4956;
}

.card-ios-dark .text-ios-notif,
.card-ios-dark .card-header-ios-notif,
.card-ios-dark .card-title-ios-notif,
.card-ios-dark .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-dark .text-ios-new-badge,
.card-ios-dark .card-header-ios-new-badge,
.card-ios-dark .card-title-ios-new-badge,
.card-ios-dark .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-dark .text-ios-accent,
.card-ios-dark .card-header-ios-accent,
.card-ios-dark .card-title-ios-accent,
.card-ios-dark .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-dark .text-ios-skeleton,
.card-ios-dark .card-header-ios-skeleton,
.card-ios-dark .card-title-ios-skeleton,
.card-ios-dark .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-dark .text-ios-outline,
.card-ios-dark .card-header-ios-outline,
.card-ios-dark .card-title-ios-outline,
.card-ios-dark .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-dark .text-ios-text,
.card-ios-dark .card-header-ios-text,
.card-ios-dark .card-title-ios-text,
.card-ios-dark .card-content-ios-text {
  color: #192528;
}

.card-ios-dark .text-ios-label,
.card-ios-dark .card-header-ios-label,
.card-ios-dark .card-title-ios-label,
.card-ios-dark .card-content-ios-label {
  color: #333333;
}

.card-ios-dark .text-ios-hover,
.card-ios-dark .card-header-ios-hover,
.card-ios-dark .card-title-ios-hover,
.card-ios-dark .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-dark .text-ios-hover-dark,
.card-ios-dark .card-header-ios-hover-dark,
.card-ios-dark .card-title-ios-hover-dark,
.card-ios-dark .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-dark .text-ios-bgcard,
.card-ios-dark .card-header-ios-bgcard,
.card-ios-dark .card-title-ios-bgcard,
.card-ios-dark .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-dark .text-ios-bgcard2,
.card-ios-dark .card-header-ios-bgcard2,
.card-ios-dark .card-title-ios-bgcard2,
.card-ios-dark .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-dark .text-ios-bglabel,
.card-ios-dark .card-header-ios-bglabel,
.card-ios-dark .card-title-ios-bglabel,
.card-ios-dark .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-dark .text-ios-primary-light,
.card-ios-dark .card-header-ios-primary-light,
.card-ios-dark .card-title-ios-primary-light,
.card-ios-dark .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-dark .text-ios-bgicon,
.card-ios-dark .card-header-ios-bgicon,
.card-ios-dark .card-title-ios-bgicon,
.card-ios-dark .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-dark .text-ios-primary-text,
.card-ios-dark .card-header-ios-primary-text,
.card-ios-dark .card-title-ios-primary-text,
.card-ios-dark .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-dark .text-ios-white,
.card-ios-dark .card-header-ios-white,
.card-ios-dark .card-title-ios-white,
.card-ios-dark .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-dark .text-ios-success,
.card-ios-dark .card-header-ios-success,
.card-ios-dark .card-title-ios-success,
.card-ios-dark .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-dark .text-ios-info,
.card-ios-dark .card-header-ios-info,
.card-ios-dark .card-title-ios-info,
.card-ios-dark .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-dark .text-ios-warning,
.card-ios-dark .card-header-ios-warning,
.card-ios-dark .card-title-ios-warning,
.card-ios-dark .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-dark .text-ios-tam,
.card-ios-dark .card-header-ios-tam,
.card-ios-dark .card-title-ios-tam,
.card-ios-dark .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-dark,
.card-title-ios-dark,
.card-content-ios-dark {
  color: #222;
}

.card-ios .text-ios-favorite {
  color: #39B44A;
}

.card-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

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

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

.card-ios-favorite .text-ios-secondary,
.card-ios-favorite .card-header-ios-secondary,
.card-ios-favorite .card-title-ios-secondary,
.card-ios-favorite .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-favorite .text-ios-danger-low,
.card-ios-favorite .card-header-ios-danger-low,
.card-ios-favorite .card-title-ios-danger-low,
.card-ios-favorite .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-favorite .text-ios-dark,
.card-ios-favorite .card-header-ios-dark,
.card-ios-favorite .card-title-ios-dark,
.card-ios-favorite .card-content-ios-dark {
  color: #222;
}

.card-ios-favorite .text-ios-favorite,
.card-ios-favorite .card-header-ios-favorite,
.card-ios-favorite .card-title-ios-favorite,
.card-ios-favorite .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-favorite .text-ios-darkgrey,
.card-ios-favorite .card-header-ios-darkgrey,
.card-ios-favorite .card-title-ios-darkgrey,
.card-ios-favorite .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-favorite .text-ios-emerald,
.card-ios-favorite .card-header-ios-emerald,
.card-ios-favorite .card-title-ios-emerald,
.card-ios-favorite .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-favorite .text-ios-concrete,
.card-ios-favorite .card-header-ios-concrete,
.card-ios-favorite .card-title-ios-concrete,
.card-ios-favorite .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-favorite .text-ios-yellow,
.card-ios-favorite .card-header-ios-yellow,
.card-ios-favorite .card-title-ios-yellow,
.card-ios-favorite .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-favorite .text-ios-black,
.card-ios-favorite .card-header-ios-black,
.card-ios-favorite .card-title-ios-black,
.card-ios-favorite .card-content-ios-black {
  color: #000000;
}

.card-ios-favorite .text-ios-grey,
.card-ios-favorite .card-header-ios-grey,
.card-ios-favorite .card-title-ios-grey,
.card-ios-favorite .card-content-ios-grey {
  color: #808080;
}

.card-ios-favorite .text-ios-red,
.card-ios-favorite .card-header-ios-red,
.card-ios-favorite .card-title-ios-red,
.card-ios-favorite .card-content-ios-red {
  color: #ed4956;
}

.card-ios-favorite .text-ios-notif,
.card-ios-favorite .card-header-ios-notif,
.card-ios-favorite .card-title-ios-notif,
.card-ios-favorite .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-favorite .text-ios-new-badge,
.card-ios-favorite .card-header-ios-new-badge,
.card-ios-favorite .card-title-ios-new-badge,
.card-ios-favorite .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-favorite .text-ios-accent,
.card-ios-favorite .card-header-ios-accent,
.card-ios-favorite .card-title-ios-accent,
.card-ios-favorite .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-favorite .text-ios-skeleton,
.card-ios-favorite .card-header-ios-skeleton,
.card-ios-favorite .card-title-ios-skeleton,
.card-ios-favorite .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-favorite .text-ios-outline,
.card-ios-favorite .card-header-ios-outline,
.card-ios-favorite .card-title-ios-outline,
.card-ios-favorite .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-favorite .text-ios-text,
.card-ios-favorite .card-header-ios-text,
.card-ios-favorite .card-title-ios-text,
.card-ios-favorite .card-content-ios-text {
  color: #192528;
}

.card-ios-favorite .text-ios-label,
.card-ios-favorite .card-header-ios-label,
.card-ios-favorite .card-title-ios-label,
.card-ios-favorite .card-content-ios-label {
  color: #333333;
}

.card-ios-favorite .text-ios-hover,
.card-ios-favorite .card-header-ios-hover,
.card-ios-favorite .card-title-ios-hover,
.card-ios-favorite .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-favorite .text-ios-hover-dark,
.card-ios-favorite .card-header-ios-hover-dark,
.card-ios-favorite .card-title-ios-hover-dark,
.card-ios-favorite .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-favorite .text-ios-bgcard,
.card-ios-favorite .card-header-ios-bgcard,
.card-ios-favorite .card-title-ios-bgcard,
.card-ios-favorite .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-favorite .text-ios-bgcard2,
.card-ios-favorite .card-header-ios-bgcard2,
.card-ios-favorite .card-title-ios-bgcard2,
.card-ios-favorite .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-favorite .text-ios-bglabel,
.card-ios-favorite .card-header-ios-bglabel,
.card-ios-favorite .card-title-ios-bglabel,
.card-ios-favorite .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-favorite .text-ios-primary-light,
.card-ios-favorite .card-header-ios-primary-light,
.card-ios-favorite .card-title-ios-primary-light,
.card-ios-favorite .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-favorite .text-ios-bgicon,
.card-ios-favorite .card-header-ios-bgicon,
.card-ios-favorite .card-title-ios-bgicon,
.card-ios-favorite .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-favorite .text-ios-primary-text,
.card-ios-favorite .card-header-ios-primary-text,
.card-ios-favorite .card-title-ios-primary-text,
.card-ios-favorite .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-favorite .text-ios-white,
.card-ios-favorite .card-header-ios-white,
.card-ios-favorite .card-title-ios-white,
.card-ios-favorite .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-favorite .text-ios-success,
.card-ios-favorite .card-header-ios-success,
.card-ios-favorite .card-title-ios-success,
.card-ios-favorite .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-favorite .text-ios-info,
.card-ios-favorite .card-header-ios-info,
.card-ios-favorite .card-title-ios-info,
.card-ios-favorite .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-favorite .text-ios-warning,
.card-ios-favorite .card-header-ios-warning,
.card-ios-favorite .card-title-ios-warning,
.card-ios-favorite .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-favorite .text-ios-tam,
.card-ios-favorite .card-header-ios-tam,
.card-ios-favorite .card-title-ios-tam,
.card-ios-favorite .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-favorite,
.card-title-ios-favorite,
.card-content-ios-favorite {
  color: #39B44A;
}

.card-ios .text-ios-darkgrey {
  color: #8e9093;
}

.card-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

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

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

.card-ios-darkgrey .text-ios-secondary,
.card-ios-darkgrey .card-header-ios-secondary,
.card-ios-darkgrey .card-title-ios-secondary,
.card-ios-darkgrey .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-darkgrey .text-ios-danger-low,
.card-ios-darkgrey .card-header-ios-danger-low,
.card-ios-darkgrey .card-title-ios-danger-low,
.card-ios-darkgrey .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-darkgrey .text-ios-dark,
.card-ios-darkgrey .card-header-ios-dark,
.card-ios-darkgrey .card-title-ios-dark,
.card-ios-darkgrey .card-content-ios-dark {
  color: #222;
}

.card-ios-darkgrey .text-ios-favorite,
.card-ios-darkgrey .card-header-ios-favorite,
.card-ios-darkgrey .card-title-ios-favorite,
.card-ios-darkgrey .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-darkgrey .text-ios-darkgrey,
.card-ios-darkgrey .card-header-ios-darkgrey,
.card-ios-darkgrey .card-title-ios-darkgrey,
.card-ios-darkgrey .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-darkgrey .text-ios-emerald,
.card-ios-darkgrey .card-header-ios-emerald,
.card-ios-darkgrey .card-title-ios-emerald,
.card-ios-darkgrey .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-darkgrey .text-ios-concrete,
.card-ios-darkgrey .card-header-ios-concrete,
.card-ios-darkgrey .card-title-ios-concrete,
.card-ios-darkgrey .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-darkgrey .text-ios-yellow,
.card-ios-darkgrey .card-header-ios-yellow,
.card-ios-darkgrey .card-title-ios-yellow,
.card-ios-darkgrey .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-darkgrey .text-ios-black,
.card-ios-darkgrey .card-header-ios-black,
.card-ios-darkgrey .card-title-ios-black,
.card-ios-darkgrey .card-content-ios-black {
  color: #000000;
}

.card-ios-darkgrey .text-ios-grey,
.card-ios-darkgrey .card-header-ios-grey,
.card-ios-darkgrey .card-title-ios-grey,
.card-ios-darkgrey .card-content-ios-grey {
  color: #808080;
}

.card-ios-darkgrey .text-ios-red,
.card-ios-darkgrey .card-header-ios-red,
.card-ios-darkgrey .card-title-ios-red,
.card-ios-darkgrey .card-content-ios-red {
  color: #ed4956;
}

.card-ios-darkgrey .text-ios-notif,
.card-ios-darkgrey .card-header-ios-notif,
.card-ios-darkgrey .card-title-ios-notif,
.card-ios-darkgrey .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-darkgrey .text-ios-new-badge,
.card-ios-darkgrey .card-header-ios-new-badge,
.card-ios-darkgrey .card-title-ios-new-badge,
.card-ios-darkgrey .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-darkgrey .text-ios-accent,
.card-ios-darkgrey .card-header-ios-accent,
.card-ios-darkgrey .card-title-ios-accent,
.card-ios-darkgrey .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-darkgrey .text-ios-skeleton,
.card-ios-darkgrey .card-header-ios-skeleton,
.card-ios-darkgrey .card-title-ios-skeleton,
.card-ios-darkgrey .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-darkgrey .text-ios-outline,
.card-ios-darkgrey .card-header-ios-outline,
.card-ios-darkgrey .card-title-ios-outline,
.card-ios-darkgrey .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-darkgrey .text-ios-text,
.card-ios-darkgrey .card-header-ios-text,
.card-ios-darkgrey .card-title-ios-text,
.card-ios-darkgrey .card-content-ios-text {
  color: #192528;
}

.card-ios-darkgrey .text-ios-label,
.card-ios-darkgrey .card-header-ios-label,
.card-ios-darkgrey .card-title-ios-label,
.card-ios-darkgrey .card-content-ios-label {
  color: #333333;
}

.card-ios-darkgrey .text-ios-hover,
.card-ios-darkgrey .card-header-ios-hover,
.card-ios-darkgrey .card-title-ios-hover,
.card-ios-darkgrey .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-darkgrey .text-ios-hover-dark,
.card-ios-darkgrey .card-header-ios-hover-dark,
.card-ios-darkgrey .card-title-ios-hover-dark,
.card-ios-darkgrey .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-darkgrey .text-ios-bgcard,
.card-ios-darkgrey .card-header-ios-bgcard,
.card-ios-darkgrey .card-title-ios-bgcard,
.card-ios-darkgrey .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-darkgrey .text-ios-bgcard2,
.card-ios-darkgrey .card-header-ios-bgcard2,
.card-ios-darkgrey .card-title-ios-bgcard2,
.card-ios-darkgrey .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-darkgrey .text-ios-bglabel,
.card-ios-darkgrey .card-header-ios-bglabel,
.card-ios-darkgrey .card-title-ios-bglabel,
.card-ios-darkgrey .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-darkgrey .text-ios-primary-light,
.card-ios-darkgrey .card-header-ios-primary-light,
.card-ios-darkgrey .card-title-ios-primary-light,
.card-ios-darkgrey .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-darkgrey .text-ios-bgicon,
.card-ios-darkgrey .card-header-ios-bgicon,
.card-ios-darkgrey .card-title-ios-bgicon,
.card-ios-darkgrey .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-darkgrey .text-ios-primary-text,
.card-ios-darkgrey .card-header-ios-primary-text,
.card-ios-darkgrey .card-title-ios-primary-text,
.card-ios-darkgrey .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-darkgrey .text-ios-white,
.card-ios-darkgrey .card-header-ios-white,
.card-ios-darkgrey .card-title-ios-white,
.card-ios-darkgrey .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-darkgrey .text-ios-success,
.card-ios-darkgrey .card-header-ios-success,
.card-ios-darkgrey .card-title-ios-success,
.card-ios-darkgrey .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-darkgrey .text-ios-info,
.card-ios-darkgrey .card-header-ios-info,
.card-ios-darkgrey .card-title-ios-info,
.card-ios-darkgrey .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-darkgrey .text-ios-warning,
.card-ios-darkgrey .card-header-ios-warning,
.card-ios-darkgrey .card-title-ios-warning,
.card-ios-darkgrey .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-darkgrey .text-ios-tam,
.card-ios-darkgrey .card-header-ios-tam,
.card-ios-darkgrey .card-title-ios-tam,
.card-ios-darkgrey .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-darkgrey,
.card-title-ios-darkgrey,
.card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios .text-ios-emerald {
  color: #3498db;
}

.card-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

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

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

.card-ios-emerald .text-ios-secondary,
.card-ios-emerald .card-header-ios-secondary,
.card-ios-emerald .card-title-ios-secondary,
.card-ios-emerald .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-emerald .text-ios-danger-low,
.card-ios-emerald .card-header-ios-danger-low,
.card-ios-emerald .card-title-ios-danger-low,
.card-ios-emerald .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-emerald .text-ios-dark,
.card-ios-emerald .card-header-ios-dark,
.card-ios-emerald .card-title-ios-dark,
.card-ios-emerald .card-content-ios-dark {
  color: #222;
}

.card-ios-emerald .text-ios-favorite,
.card-ios-emerald .card-header-ios-favorite,
.card-ios-emerald .card-title-ios-favorite,
.card-ios-emerald .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-emerald .text-ios-darkgrey,
.card-ios-emerald .card-header-ios-darkgrey,
.card-ios-emerald .card-title-ios-darkgrey,
.card-ios-emerald .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-emerald .text-ios-emerald,
.card-ios-emerald .card-header-ios-emerald,
.card-ios-emerald .card-title-ios-emerald,
.card-ios-emerald .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-emerald .text-ios-concrete,
.card-ios-emerald .card-header-ios-concrete,
.card-ios-emerald .card-title-ios-concrete,
.card-ios-emerald .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-emerald .text-ios-yellow,
.card-ios-emerald .card-header-ios-yellow,
.card-ios-emerald .card-title-ios-yellow,
.card-ios-emerald .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-emerald .text-ios-black,
.card-ios-emerald .card-header-ios-black,
.card-ios-emerald .card-title-ios-black,
.card-ios-emerald .card-content-ios-black {
  color: #000000;
}

.card-ios-emerald .text-ios-grey,
.card-ios-emerald .card-header-ios-grey,
.card-ios-emerald .card-title-ios-grey,
.card-ios-emerald .card-content-ios-grey {
  color: #808080;
}

.card-ios-emerald .text-ios-red,
.card-ios-emerald .card-header-ios-red,
.card-ios-emerald .card-title-ios-red,
.card-ios-emerald .card-content-ios-red {
  color: #ed4956;
}

.card-ios-emerald .text-ios-notif,
.card-ios-emerald .card-header-ios-notif,
.card-ios-emerald .card-title-ios-notif,
.card-ios-emerald .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-emerald .text-ios-new-badge,
.card-ios-emerald .card-header-ios-new-badge,
.card-ios-emerald .card-title-ios-new-badge,
.card-ios-emerald .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-emerald .text-ios-accent,
.card-ios-emerald .card-header-ios-accent,
.card-ios-emerald .card-title-ios-accent,
.card-ios-emerald .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-emerald .text-ios-skeleton,
.card-ios-emerald .card-header-ios-skeleton,
.card-ios-emerald .card-title-ios-skeleton,
.card-ios-emerald .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-emerald .text-ios-outline,
.card-ios-emerald .card-header-ios-outline,
.card-ios-emerald .card-title-ios-outline,
.card-ios-emerald .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-emerald .text-ios-text,
.card-ios-emerald .card-header-ios-text,
.card-ios-emerald .card-title-ios-text,
.card-ios-emerald .card-content-ios-text {
  color: #192528;
}

.card-ios-emerald .text-ios-label,
.card-ios-emerald .card-header-ios-label,
.card-ios-emerald .card-title-ios-label,
.card-ios-emerald .card-content-ios-label {
  color: #333333;
}

.card-ios-emerald .text-ios-hover,
.card-ios-emerald .card-header-ios-hover,
.card-ios-emerald .card-title-ios-hover,
.card-ios-emerald .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-emerald .text-ios-hover-dark,
.card-ios-emerald .card-header-ios-hover-dark,
.card-ios-emerald .card-title-ios-hover-dark,
.card-ios-emerald .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-emerald .text-ios-bgcard,
.card-ios-emerald .card-header-ios-bgcard,
.card-ios-emerald .card-title-ios-bgcard,
.card-ios-emerald .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-emerald .text-ios-bgcard2,
.card-ios-emerald .card-header-ios-bgcard2,
.card-ios-emerald .card-title-ios-bgcard2,
.card-ios-emerald .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-emerald .text-ios-bglabel,
.card-ios-emerald .card-header-ios-bglabel,
.card-ios-emerald .card-title-ios-bglabel,
.card-ios-emerald .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-emerald .text-ios-primary-light,
.card-ios-emerald .card-header-ios-primary-light,
.card-ios-emerald .card-title-ios-primary-light,
.card-ios-emerald .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-emerald .text-ios-bgicon,
.card-ios-emerald .card-header-ios-bgicon,
.card-ios-emerald .card-title-ios-bgicon,
.card-ios-emerald .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-emerald .text-ios-primary-text,
.card-ios-emerald .card-header-ios-primary-text,
.card-ios-emerald .card-title-ios-primary-text,
.card-ios-emerald .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-emerald .text-ios-white,
.card-ios-emerald .card-header-ios-white,
.card-ios-emerald .card-title-ios-white,
.card-ios-emerald .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-emerald .text-ios-success,
.card-ios-emerald .card-header-ios-success,
.card-ios-emerald .card-title-ios-success,
.card-ios-emerald .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-emerald .text-ios-info,
.card-ios-emerald .card-header-ios-info,
.card-ios-emerald .card-title-ios-info,
.card-ios-emerald .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-emerald .text-ios-warning,
.card-ios-emerald .card-header-ios-warning,
.card-ios-emerald .card-title-ios-warning,
.card-ios-emerald .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-emerald .text-ios-tam,
.card-ios-emerald .card-header-ios-tam,
.card-ios-emerald .card-title-ios-tam,
.card-ios-emerald .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-emerald,
.card-title-ios-emerald,
.card-content-ios-emerald {
  color: #3498db;
}

.card-ios .text-ios-concrete {
  color: #bdc3c7;
}

.card-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

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

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

.card-ios-concrete .text-ios-secondary,
.card-ios-concrete .card-header-ios-secondary,
.card-ios-concrete .card-title-ios-secondary,
.card-ios-concrete .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-concrete .text-ios-danger-low,
.card-ios-concrete .card-header-ios-danger-low,
.card-ios-concrete .card-title-ios-danger-low,
.card-ios-concrete .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-concrete .text-ios-dark,
.card-ios-concrete .card-header-ios-dark,
.card-ios-concrete .card-title-ios-dark,
.card-ios-concrete .card-content-ios-dark {
  color: #222;
}

.card-ios-concrete .text-ios-favorite,
.card-ios-concrete .card-header-ios-favorite,
.card-ios-concrete .card-title-ios-favorite,
.card-ios-concrete .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-concrete .text-ios-darkgrey,
.card-ios-concrete .card-header-ios-darkgrey,
.card-ios-concrete .card-title-ios-darkgrey,
.card-ios-concrete .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-concrete .text-ios-emerald,
.card-ios-concrete .card-header-ios-emerald,
.card-ios-concrete .card-title-ios-emerald,
.card-ios-concrete .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-concrete .text-ios-concrete,
.card-ios-concrete .card-header-ios-concrete,
.card-ios-concrete .card-title-ios-concrete,
.card-ios-concrete .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-concrete .text-ios-yellow,
.card-ios-concrete .card-header-ios-yellow,
.card-ios-concrete .card-title-ios-yellow,
.card-ios-concrete .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-concrete .text-ios-black,
.card-ios-concrete .card-header-ios-black,
.card-ios-concrete .card-title-ios-black,
.card-ios-concrete .card-content-ios-black {
  color: #000000;
}

.card-ios-concrete .text-ios-grey,
.card-ios-concrete .card-header-ios-grey,
.card-ios-concrete .card-title-ios-grey,
.card-ios-concrete .card-content-ios-grey {
  color: #808080;
}

.card-ios-concrete .text-ios-red,
.card-ios-concrete .card-header-ios-red,
.card-ios-concrete .card-title-ios-red,
.card-ios-concrete .card-content-ios-red {
  color: #ed4956;
}

.card-ios-concrete .text-ios-notif,
.card-ios-concrete .card-header-ios-notif,
.card-ios-concrete .card-title-ios-notif,
.card-ios-concrete .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-concrete .text-ios-new-badge,
.card-ios-concrete .card-header-ios-new-badge,
.card-ios-concrete .card-title-ios-new-badge,
.card-ios-concrete .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-concrete .text-ios-accent,
.card-ios-concrete .card-header-ios-accent,
.card-ios-concrete .card-title-ios-accent,
.card-ios-concrete .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-concrete .text-ios-skeleton,
.card-ios-concrete .card-header-ios-skeleton,
.card-ios-concrete .card-title-ios-skeleton,
.card-ios-concrete .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-concrete .text-ios-outline,
.card-ios-concrete .card-header-ios-outline,
.card-ios-concrete .card-title-ios-outline,
.card-ios-concrete .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-concrete .text-ios-text,
.card-ios-concrete .card-header-ios-text,
.card-ios-concrete .card-title-ios-text,
.card-ios-concrete .card-content-ios-text {
  color: #192528;
}

.card-ios-concrete .text-ios-label,
.card-ios-concrete .card-header-ios-label,
.card-ios-concrete .card-title-ios-label,
.card-ios-concrete .card-content-ios-label {
  color: #333333;
}

.card-ios-concrete .text-ios-hover,
.card-ios-concrete .card-header-ios-hover,
.card-ios-concrete .card-title-ios-hover,
.card-ios-concrete .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-concrete .text-ios-hover-dark,
.card-ios-concrete .card-header-ios-hover-dark,
.card-ios-concrete .card-title-ios-hover-dark,
.card-ios-concrete .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-concrete .text-ios-bgcard,
.card-ios-concrete .card-header-ios-bgcard,
.card-ios-concrete .card-title-ios-bgcard,
.card-ios-concrete .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-concrete .text-ios-bgcard2,
.card-ios-concrete .card-header-ios-bgcard2,
.card-ios-concrete .card-title-ios-bgcard2,
.card-ios-concrete .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-concrete .text-ios-bglabel,
.card-ios-concrete .card-header-ios-bglabel,
.card-ios-concrete .card-title-ios-bglabel,
.card-ios-concrete .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-concrete .text-ios-primary-light,
.card-ios-concrete .card-header-ios-primary-light,
.card-ios-concrete .card-title-ios-primary-light,
.card-ios-concrete .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-concrete .text-ios-bgicon,
.card-ios-concrete .card-header-ios-bgicon,
.card-ios-concrete .card-title-ios-bgicon,
.card-ios-concrete .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-concrete .text-ios-primary-text,
.card-ios-concrete .card-header-ios-primary-text,
.card-ios-concrete .card-title-ios-primary-text,
.card-ios-concrete .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-concrete .text-ios-white,
.card-ios-concrete .card-header-ios-white,
.card-ios-concrete .card-title-ios-white,
.card-ios-concrete .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-concrete .text-ios-success,
.card-ios-concrete .card-header-ios-success,
.card-ios-concrete .card-title-ios-success,
.card-ios-concrete .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-concrete .text-ios-info,
.card-ios-concrete .card-header-ios-info,
.card-ios-concrete .card-title-ios-info,
.card-ios-concrete .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-concrete .text-ios-warning,
.card-ios-concrete .card-header-ios-warning,
.card-ios-concrete .card-title-ios-warning,
.card-ios-concrete .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-concrete .text-ios-tam,
.card-ios-concrete .card-header-ios-tam,
.card-ios-concrete .card-title-ios-tam,
.card-ios-concrete .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-concrete,
.card-title-ios-concrete,
.card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios .text-ios-yellow {
  color: #ffff00;
}

.card-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

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

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

.card-ios-yellow .text-ios-secondary,
.card-ios-yellow .card-header-ios-secondary,
.card-ios-yellow .card-title-ios-secondary,
.card-ios-yellow .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-yellow .text-ios-danger-low,
.card-ios-yellow .card-header-ios-danger-low,
.card-ios-yellow .card-title-ios-danger-low,
.card-ios-yellow .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-yellow .text-ios-dark,
.card-ios-yellow .card-header-ios-dark,
.card-ios-yellow .card-title-ios-dark,
.card-ios-yellow .card-content-ios-dark {
  color: #222;
}

.card-ios-yellow .text-ios-favorite,
.card-ios-yellow .card-header-ios-favorite,
.card-ios-yellow .card-title-ios-favorite,
.card-ios-yellow .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-yellow .text-ios-darkgrey,
.card-ios-yellow .card-header-ios-darkgrey,
.card-ios-yellow .card-title-ios-darkgrey,
.card-ios-yellow .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-yellow .text-ios-emerald,
.card-ios-yellow .card-header-ios-emerald,
.card-ios-yellow .card-title-ios-emerald,
.card-ios-yellow .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-yellow .text-ios-concrete,
.card-ios-yellow .card-header-ios-concrete,
.card-ios-yellow .card-title-ios-concrete,
.card-ios-yellow .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-yellow .text-ios-yellow,
.card-ios-yellow .card-header-ios-yellow,
.card-ios-yellow .card-title-ios-yellow,
.card-ios-yellow .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-yellow .text-ios-black,
.card-ios-yellow .card-header-ios-black,
.card-ios-yellow .card-title-ios-black,
.card-ios-yellow .card-content-ios-black {
  color: #000000;
}

.card-ios-yellow .text-ios-grey,
.card-ios-yellow .card-header-ios-grey,
.card-ios-yellow .card-title-ios-grey,
.card-ios-yellow .card-content-ios-grey {
  color: #808080;
}

.card-ios-yellow .text-ios-red,
.card-ios-yellow .card-header-ios-red,
.card-ios-yellow .card-title-ios-red,
.card-ios-yellow .card-content-ios-red {
  color: #ed4956;
}

.card-ios-yellow .text-ios-notif,
.card-ios-yellow .card-header-ios-notif,
.card-ios-yellow .card-title-ios-notif,
.card-ios-yellow .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-yellow .text-ios-new-badge,
.card-ios-yellow .card-header-ios-new-badge,
.card-ios-yellow .card-title-ios-new-badge,
.card-ios-yellow .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-yellow .text-ios-accent,
.card-ios-yellow .card-header-ios-accent,
.card-ios-yellow .card-title-ios-accent,
.card-ios-yellow .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-yellow .text-ios-skeleton,
.card-ios-yellow .card-header-ios-skeleton,
.card-ios-yellow .card-title-ios-skeleton,
.card-ios-yellow .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-yellow .text-ios-outline,
.card-ios-yellow .card-header-ios-outline,
.card-ios-yellow .card-title-ios-outline,
.card-ios-yellow .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-yellow .text-ios-text,
.card-ios-yellow .card-header-ios-text,
.card-ios-yellow .card-title-ios-text,
.card-ios-yellow .card-content-ios-text {
  color: #192528;
}

.card-ios-yellow .text-ios-label,
.card-ios-yellow .card-header-ios-label,
.card-ios-yellow .card-title-ios-label,
.card-ios-yellow .card-content-ios-label {
  color: #333333;
}

.card-ios-yellow .text-ios-hover,
.card-ios-yellow .card-header-ios-hover,
.card-ios-yellow .card-title-ios-hover,
.card-ios-yellow .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-yellow .text-ios-hover-dark,
.card-ios-yellow .card-header-ios-hover-dark,
.card-ios-yellow .card-title-ios-hover-dark,
.card-ios-yellow .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-yellow .text-ios-bgcard,
.card-ios-yellow .card-header-ios-bgcard,
.card-ios-yellow .card-title-ios-bgcard,
.card-ios-yellow .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-yellow .text-ios-bgcard2,
.card-ios-yellow .card-header-ios-bgcard2,
.card-ios-yellow .card-title-ios-bgcard2,
.card-ios-yellow .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-yellow .text-ios-bglabel,
.card-ios-yellow .card-header-ios-bglabel,
.card-ios-yellow .card-title-ios-bglabel,
.card-ios-yellow .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-yellow .text-ios-primary-light,
.card-ios-yellow .card-header-ios-primary-light,
.card-ios-yellow .card-title-ios-primary-light,
.card-ios-yellow .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-yellow .text-ios-bgicon,
.card-ios-yellow .card-header-ios-bgicon,
.card-ios-yellow .card-title-ios-bgicon,
.card-ios-yellow .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-yellow .text-ios-primary-text,
.card-ios-yellow .card-header-ios-primary-text,
.card-ios-yellow .card-title-ios-primary-text,
.card-ios-yellow .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-yellow .text-ios-white,
.card-ios-yellow .card-header-ios-white,
.card-ios-yellow .card-title-ios-white,
.card-ios-yellow .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-yellow .text-ios-success,
.card-ios-yellow .card-header-ios-success,
.card-ios-yellow .card-title-ios-success,
.card-ios-yellow .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-yellow .text-ios-info,
.card-ios-yellow .card-header-ios-info,
.card-ios-yellow .card-title-ios-info,
.card-ios-yellow .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-yellow .text-ios-warning,
.card-ios-yellow .card-header-ios-warning,
.card-ios-yellow .card-title-ios-warning,
.card-ios-yellow .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-yellow .text-ios-tam,
.card-ios-yellow .card-header-ios-tam,
.card-ios-yellow .card-title-ios-tam,
.card-ios-yellow .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-yellow,
.card-title-ios-yellow,
.card-content-ios-yellow {
  color: #ffff00;
}

.card-ios .text-ios-black {
  color: #000000;
}

.card-ios-black {
  color: #fff;
  background-color: #000000;
}

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

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

.card-ios-black .text-ios-secondary,
.card-ios-black .card-header-ios-secondary,
.card-ios-black .card-title-ios-secondary,
.card-ios-black .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-black .text-ios-danger-low,
.card-ios-black .card-header-ios-danger-low,
.card-ios-black .card-title-ios-danger-low,
.card-ios-black .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-black .text-ios-dark,
.card-ios-black .card-header-ios-dark,
.card-ios-black .card-title-ios-dark,
.card-ios-black .card-content-ios-dark {
  color: #222;
}

.card-ios-black .text-ios-favorite,
.card-ios-black .card-header-ios-favorite,
.card-ios-black .card-title-ios-favorite,
.card-ios-black .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-black .text-ios-darkgrey,
.card-ios-black .card-header-ios-darkgrey,
.card-ios-black .card-title-ios-darkgrey,
.card-ios-black .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-black .text-ios-emerald,
.card-ios-black .card-header-ios-emerald,
.card-ios-black .card-title-ios-emerald,
.card-ios-black .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-black .text-ios-concrete,
.card-ios-black .card-header-ios-concrete,
.card-ios-black .card-title-ios-concrete,
.card-ios-black .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-black .text-ios-yellow,
.card-ios-black .card-header-ios-yellow,
.card-ios-black .card-title-ios-yellow,
.card-ios-black .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-black .text-ios-black,
.card-ios-black .card-header-ios-black,
.card-ios-black .card-title-ios-black,
.card-ios-black .card-content-ios-black {
  color: #000000;
}

.card-ios-black .text-ios-grey,
.card-ios-black .card-header-ios-grey,
.card-ios-black .card-title-ios-grey,
.card-ios-black .card-content-ios-grey {
  color: #808080;
}

.card-ios-black .text-ios-red,
.card-ios-black .card-header-ios-red,
.card-ios-black .card-title-ios-red,
.card-ios-black .card-content-ios-red {
  color: #ed4956;
}

.card-ios-black .text-ios-notif,
.card-ios-black .card-header-ios-notif,
.card-ios-black .card-title-ios-notif,
.card-ios-black .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-black .text-ios-new-badge,
.card-ios-black .card-header-ios-new-badge,
.card-ios-black .card-title-ios-new-badge,
.card-ios-black .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-black .text-ios-accent,
.card-ios-black .card-header-ios-accent,
.card-ios-black .card-title-ios-accent,
.card-ios-black .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-black .text-ios-skeleton,
.card-ios-black .card-header-ios-skeleton,
.card-ios-black .card-title-ios-skeleton,
.card-ios-black .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-black .text-ios-outline,
.card-ios-black .card-header-ios-outline,
.card-ios-black .card-title-ios-outline,
.card-ios-black .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-black .text-ios-text,
.card-ios-black .card-header-ios-text,
.card-ios-black .card-title-ios-text,
.card-ios-black .card-content-ios-text {
  color: #192528;
}

.card-ios-black .text-ios-label,
.card-ios-black .card-header-ios-label,
.card-ios-black .card-title-ios-label,
.card-ios-black .card-content-ios-label {
  color: #333333;
}

.card-ios-black .text-ios-hover,
.card-ios-black .card-header-ios-hover,
.card-ios-black .card-title-ios-hover,
.card-ios-black .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-black .text-ios-hover-dark,
.card-ios-black .card-header-ios-hover-dark,
.card-ios-black .card-title-ios-hover-dark,
.card-ios-black .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-black .text-ios-bgcard,
.card-ios-black .card-header-ios-bgcard,
.card-ios-black .card-title-ios-bgcard,
.card-ios-black .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-black .text-ios-bgcard2,
.card-ios-black .card-header-ios-bgcard2,
.card-ios-black .card-title-ios-bgcard2,
.card-ios-black .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-black .text-ios-bglabel,
.card-ios-black .card-header-ios-bglabel,
.card-ios-black .card-title-ios-bglabel,
.card-ios-black .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-black .text-ios-primary-light,
.card-ios-black .card-header-ios-primary-light,
.card-ios-black .card-title-ios-primary-light,
.card-ios-black .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-black .text-ios-bgicon,
.card-ios-black .card-header-ios-bgicon,
.card-ios-black .card-title-ios-bgicon,
.card-ios-black .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-black .text-ios-primary-text,
.card-ios-black .card-header-ios-primary-text,
.card-ios-black .card-title-ios-primary-text,
.card-ios-black .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-black .text-ios-white,
.card-ios-black .card-header-ios-white,
.card-ios-black .card-title-ios-white,
.card-ios-black .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-black .text-ios-success,
.card-ios-black .card-header-ios-success,
.card-ios-black .card-title-ios-success,
.card-ios-black .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-black .text-ios-info,
.card-ios-black .card-header-ios-info,
.card-ios-black .card-title-ios-info,
.card-ios-black .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-black .text-ios-warning,
.card-ios-black .card-header-ios-warning,
.card-ios-black .card-title-ios-warning,
.card-ios-black .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-black .text-ios-tam,
.card-ios-black .card-header-ios-tam,
.card-ios-black .card-title-ios-tam,
.card-ios-black .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-black,
.card-title-ios-black,
.card-content-ios-black {
  color: #000000;
}

.card-ios .text-ios-grey {
  color: #808080;
}

.card-ios-grey {
  color: #fff;
  background-color: #808080;
}

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

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

.card-ios-grey .text-ios-secondary,
.card-ios-grey .card-header-ios-secondary,
.card-ios-grey .card-title-ios-secondary,
.card-ios-grey .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-grey .text-ios-danger-low,
.card-ios-grey .card-header-ios-danger-low,
.card-ios-grey .card-title-ios-danger-low,
.card-ios-grey .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-grey .text-ios-dark,
.card-ios-grey .card-header-ios-dark,
.card-ios-grey .card-title-ios-dark,
.card-ios-grey .card-content-ios-dark {
  color: #222;
}

.card-ios-grey .text-ios-favorite,
.card-ios-grey .card-header-ios-favorite,
.card-ios-grey .card-title-ios-favorite,
.card-ios-grey .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-grey .text-ios-darkgrey,
.card-ios-grey .card-header-ios-darkgrey,
.card-ios-grey .card-title-ios-darkgrey,
.card-ios-grey .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-grey .text-ios-emerald,
.card-ios-grey .card-header-ios-emerald,
.card-ios-grey .card-title-ios-emerald,
.card-ios-grey .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-grey .text-ios-concrete,
.card-ios-grey .card-header-ios-concrete,
.card-ios-grey .card-title-ios-concrete,
.card-ios-grey .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-grey .text-ios-yellow,
.card-ios-grey .card-header-ios-yellow,
.card-ios-grey .card-title-ios-yellow,
.card-ios-grey .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-grey .text-ios-black,
.card-ios-grey .card-header-ios-black,
.card-ios-grey .card-title-ios-black,
.card-ios-grey .card-content-ios-black {
  color: #000000;
}

.card-ios-grey .text-ios-grey,
.card-ios-grey .card-header-ios-grey,
.card-ios-grey .card-title-ios-grey,
.card-ios-grey .card-content-ios-grey {
  color: #808080;
}

.card-ios-grey .text-ios-red,
.card-ios-grey .card-header-ios-red,
.card-ios-grey .card-title-ios-red,
.card-ios-grey .card-content-ios-red {
  color: #ed4956;
}

.card-ios-grey .text-ios-notif,
.card-ios-grey .card-header-ios-notif,
.card-ios-grey .card-title-ios-notif,
.card-ios-grey .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-grey .text-ios-new-badge,
.card-ios-grey .card-header-ios-new-badge,
.card-ios-grey .card-title-ios-new-badge,
.card-ios-grey .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-grey .text-ios-accent,
.card-ios-grey .card-header-ios-accent,
.card-ios-grey .card-title-ios-accent,
.card-ios-grey .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-grey .text-ios-skeleton,
.card-ios-grey .card-header-ios-skeleton,
.card-ios-grey .card-title-ios-skeleton,
.card-ios-grey .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-grey .text-ios-outline,
.card-ios-grey .card-header-ios-outline,
.card-ios-grey .card-title-ios-outline,
.card-ios-grey .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-grey .text-ios-text,
.card-ios-grey .card-header-ios-text,
.card-ios-grey .card-title-ios-text,
.card-ios-grey .card-content-ios-text {
  color: #192528;
}

.card-ios-grey .text-ios-label,
.card-ios-grey .card-header-ios-label,
.card-ios-grey .card-title-ios-label,
.card-ios-grey .card-content-ios-label {
  color: #333333;
}

.card-ios-grey .text-ios-hover,
.card-ios-grey .card-header-ios-hover,
.card-ios-grey .card-title-ios-hover,
.card-ios-grey .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-grey .text-ios-hover-dark,
.card-ios-grey .card-header-ios-hover-dark,
.card-ios-grey .card-title-ios-hover-dark,
.card-ios-grey .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-grey .text-ios-bgcard,
.card-ios-grey .card-header-ios-bgcard,
.card-ios-grey .card-title-ios-bgcard,
.card-ios-grey .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-grey .text-ios-bgcard2,
.card-ios-grey .card-header-ios-bgcard2,
.card-ios-grey .card-title-ios-bgcard2,
.card-ios-grey .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-grey .text-ios-bglabel,
.card-ios-grey .card-header-ios-bglabel,
.card-ios-grey .card-title-ios-bglabel,
.card-ios-grey .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-grey .text-ios-primary-light,
.card-ios-grey .card-header-ios-primary-light,
.card-ios-grey .card-title-ios-primary-light,
.card-ios-grey .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-grey .text-ios-bgicon,
.card-ios-grey .card-header-ios-bgicon,
.card-ios-grey .card-title-ios-bgicon,
.card-ios-grey .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-grey .text-ios-primary-text,
.card-ios-grey .card-header-ios-primary-text,
.card-ios-grey .card-title-ios-primary-text,
.card-ios-grey .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-grey .text-ios-white,
.card-ios-grey .card-header-ios-white,
.card-ios-grey .card-title-ios-white,
.card-ios-grey .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-grey .text-ios-success,
.card-ios-grey .card-header-ios-success,
.card-ios-grey .card-title-ios-success,
.card-ios-grey .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-grey .text-ios-info,
.card-ios-grey .card-header-ios-info,
.card-ios-grey .card-title-ios-info,
.card-ios-grey .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-grey .text-ios-warning,
.card-ios-grey .card-header-ios-warning,
.card-ios-grey .card-title-ios-warning,
.card-ios-grey .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-grey .text-ios-tam,
.card-ios-grey .card-header-ios-tam,
.card-ios-grey .card-title-ios-tam,
.card-ios-grey .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-grey,
.card-title-ios-grey,
.card-content-ios-grey {
  color: #808080;
}

.card-ios .text-ios-red {
  color: #ed4956;
}

.card-ios-red {
  color: #fff;
  background-color: #ed4956;
}

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

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

.card-ios-red .text-ios-secondary,
.card-ios-red .card-header-ios-secondary,
.card-ios-red .card-title-ios-secondary,
.card-ios-red .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-red .text-ios-danger-low,
.card-ios-red .card-header-ios-danger-low,
.card-ios-red .card-title-ios-danger-low,
.card-ios-red .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-red .text-ios-dark,
.card-ios-red .card-header-ios-dark,
.card-ios-red .card-title-ios-dark,
.card-ios-red .card-content-ios-dark {
  color: #222;
}

.card-ios-red .text-ios-favorite,
.card-ios-red .card-header-ios-favorite,
.card-ios-red .card-title-ios-favorite,
.card-ios-red .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-red .text-ios-darkgrey,
.card-ios-red .card-header-ios-darkgrey,
.card-ios-red .card-title-ios-darkgrey,
.card-ios-red .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-red .text-ios-emerald,
.card-ios-red .card-header-ios-emerald,
.card-ios-red .card-title-ios-emerald,
.card-ios-red .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-red .text-ios-concrete,
.card-ios-red .card-header-ios-concrete,
.card-ios-red .card-title-ios-concrete,
.card-ios-red .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-red .text-ios-yellow,
.card-ios-red .card-header-ios-yellow,
.card-ios-red .card-title-ios-yellow,
.card-ios-red .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-red .text-ios-black,
.card-ios-red .card-header-ios-black,
.card-ios-red .card-title-ios-black,
.card-ios-red .card-content-ios-black {
  color: #000000;
}

.card-ios-red .text-ios-grey,
.card-ios-red .card-header-ios-grey,
.card-ios-red .card-title-ios-grey,
.card-ios-red .card-content-ios-grey {
  color: #808080;
}

.card-ios-red .text-ios-red,
.card-ios-red .card-header-ios-red,
.card-ios-red .card-title-ios-red,
.card-ios-red .card-content-ios-red {
  color: #ed4956;
}

.card-ios-red .text-ios-notif,
.card-ios-red .card-header-ios-notif,
.card-ios-red .card-title-ios-notif,
.card-ios-red .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-red .text-ios-new-badge,
.card-ios-red .card-header-ios-new-badge,
.card-ios-red .card-title-ios-new-badge,
.card-ios-red .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-red .text-ios-accent,
.card-ios-red .card-header-ios-accent,
.card-ios-red .card-title-ios-accent,
.card-ios-red .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-red .text-ios-skeleton,
.card-ios-red .card-header-ios-skeleton,
.card-ios-red .card-title-ios-skeleton,
.card-ios-red .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-red .text-ios-outline,
.card-ios-red .card-header-ios-outline,
.card-ios-red .card-title-ios-outline,
.card-ios-red .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-red .text-ios-text,
.card-ios-red .card-header-ios-text,
.card-ios-red .card-title-ios-text,
.card-ios-red .card-content-ios-text {
  color: #192528;
}

.card-ios-red .text-ios-label,
.card-ios-red .card-header-ios-label,
.card-ios-red .card-title-ios-label,
.card-ios-red .card-content-ios-label {
  color: #333333;
}

.card-ios-red .text-ios-hover,
.card-ios-red .card-header-ios-hover,
.card-ios-red .card-title-ios-hover,
.card-ios-red .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-red .text-ios-hover-dark,
.card-ios-red .card-header-ios-hover-dark,
.card-ios-red .card-title-ios-hover-dark,
.card-ios-red .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-red .text-ios-bgcard,
.card-ios-red .card-header-ios-bgcard,
.card-ios-red .card-title-ios-bgcard,
.card-ios-red .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-red .text-ios-bgcard2,
.card-ios-red .card-header-ios-bgcard2,
.card-ios-red .card-title-ios-bgcard2,
.card-ios-red .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-red .text-ios-bglabel,
.card-ios-red .card-header-ios-bglabel,
.card-ios-red .card-title-ios-bglabel,
.card-ios-red .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-red .text-ios-primary-light,
.card-ios-red .card-header-ios-primary-light,
.card-ios-red .card-title-ios-primary-light,
.card-ios-red .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-red .text-ios-bgicon,
.card-ios-red .card-header-ios-bgicon,
.card-ios-red .card-title-ios-bgicon,
.card-ios-red .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-red .text-ios-primary-text,
.card-ios-red .card-header-ios-primary-text,
.card-ios-red .card-title-ios-primary-text,
.card-ios-red .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-red .text-ios-white,
.card-ios-red .card-header-ios-white,
.card-ios-red .card-title-ios-white,
.card-ios-red .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-red .text-ios-success,
.card-ios-red .card-header-ios-success,
.card-ios-red .card-title-ios-success,
.card-ios-red .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-red .text-ios-info,
.card-ios-red .card-header-ios-info,
.card-ios-red .card-title-ios-info,
.card-ios-red .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-red .text-ios-warning,
.card-ios-red .card-header-ios-warning,
.card-ios-red .card-title-ios-warning,
.card-ios-red .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-red .text-ios-tam,
.card-ios-red .card-header-ios-tam,
.card-ios-red .card-title-ios-tam,
.card-ios-red .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-red,
.card-title-ios-red,
.card-content-ios-red {
  color: #ed4956;
}

.card-ios .text-ios-notif {
  color: #17DFC4;
}

.card-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

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

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

.card-ios-notif .text-ios-secondary,
.card-ios-notif .card-header-ios-secondary,
.card-ios-notif .card-title-ios-secondary,
.card-ios-notif .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-notif .text-ios-danger-low,
.card-ios-notif .card-header-ios-danger-low,
.card-ios-notif .card-title-ios-danger-low,
.card-ios-notif .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-notif .text-ios-dark,
.card-ios-notif .card-header-ios-dark,
.card-ios-notif .card-title-ios-dark,
.card-ios-notif .card-content-ios-dark {
  color: #222;
}

.card-ios-notif .text-ios-favorite,
.card-ios-notif .card-header-ios-favorite,
.card-ios-notif .card-title-ios-favorite,
.card-ios-notif .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-notif .text-ios-darkgrey,
.card-ios-notif .card-header-ios-darkgrey,
.card-ios-notif .card-title-ios-darkgrey,
.card-ios-notif .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-notif .text-ios-emerald,
.card-ios-notif .card-header-ios-emerald,
.card-ios-notif .card-title-ios-emerald,
.card-ios-notif .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-notif .text-ios-concrete,
.card-ios-notif .card-header-ios-concrete,
.card-ios-notif .card-title-ios-concrete,
.card-ios-notif .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-notif .text-ios-yellow,
.card-ios-notif .card-header-ios-yellow,
.card-ios-notif .card-title-ios-yellow,
.card-ios-notif .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-notif .text-ios-black,
.card-ios-notif .card-header-ios-black,
.card-ios-notif .card-title-ios-black,
.card-ios-notif .card-content-ios-black {
  color: #000000;
}

.card-ios-notif .text-ios-grey,
.card-ios-notif .card-header-ios-grey,
.card-ios-notif .card-title-ios-grey,
.card-ios-notif .card-content-ios-grey {
  color: #808080;
}

.card-ios-notif .text-ios-red,
.card-ios-notif .card-header-ios-red,
.card-ios-notif .card-title-ios-red,
.card-ios-notif .card-content-ios-red {
  color: #ed4956;
}

.card-ios-notif .text-ios-notif,
.card-ios-notif .card-header-ios-notif,
.card-ios-notif .card-title-ios-notif,
.card-ios-notif .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-notif .text-ios-new-badge,
.card-ios-notif .card-header-ios-new-badge,
.card-ios-notif .card-title-ios-new-badge,
.card-ios-notif .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-notif .text-ios-accent,
.card-ios-notif .card-header-ios-accent,
.card-ios-notif .card-title-ios-accent,
.card-ios-notif .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-notif .text-ios-skeleton,
.card-ios-notif .card-header-ios-skeleton,
.card-ios-notif .card-title-ios-skeleton,
.card-ios-notif .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-notif .text-ios-outline,
.card-ios-notif .card-header-ios-outline,
.card-ios-notif .card-title-ios-outline,
.card-ios-notif .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-notif .text-ios-text,
.card-ios-notif .card-header-ios-text,
.card-ios-notif .card-title-ios-text,
.card-ios-notif .card-content-ios-text {
  color: #192528;
}

.card-ios-notif .text-ios-label,
.card-ios-notif .card-header-ios-label,
.card-ios-notif .card-title-ios-label,
.card-ios-notif .card-content-ios-label {
  color: #333333;
}

.card-ios-notif .text-ios-hover,
.card-ios-notif .card-header-ios-hover,
.card-ios-notif .card-title-ios-hover,
.card-ios-notif .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-notif .text-ios-hover-dark,
.card-ios-notif .card-header-ios-hover-dark,
.card-ios-notif .card-title-ios-hover-dark,
.card-ios-notif .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-notif .text-ios-bgcard,
.card-ios-notif .card-header-ios-bgcard,
.card-ios-notif .card-title-ios-bgcard,
.card-ios-notif .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-notif .text-ios-bgcard2,
.card-ios-notif .card-header-ios-bgcard2,
.card-ios-notif .card-title-ios-bgcard2,
.card-ios-notif .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-notif .text-ios-bglabel,
.card-ios-notif .card-header-ios-bglabel,
.card-ios-notif .card-title-ios-bglabel,
.card-ios-notif .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-notif .text-ios-primary-light,
.card-ios-notif .card-header-ios-primary-light,
.card-ios-notif .card-title-ios-primary-light,
.card-ios-notif .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-notif .text-ios-bgicon,
.card-ios-notif .card-header-ios-bgicon,
.card-ios-notif .card-title-ios-bgicon,
.card-ios-notif .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-notif .text-ios-primary-text,
.card-ios-notif .card-header-ios-primary-text,
.card-ios-notif .card-title-ios-primary-text,
.card-ios-notif .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-notif .text-ios-white,
.card-ios-notif .card-header-ios-white,
.card-ios-notif .card-title-ios-white,
.card-ios-notif .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-notif .text-ios-success,
.card-ios-notif .card-header-ios-success,
.card-ios-notif .card-title-ios-success,
.card-ios-notif .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-notif .text-ios-info,
.card-ios-notif .card-header-ios-info,
.card-ios-notif .card-title-ios-info,
.card-ios-notif .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-notif .text-ios-warning,
.card-ios-notif .card-header-ios-warning,
.card-ios-notif .card-title-ios-warning,
.card-ios-notif .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-notif .text-ios-tam,
.card-ios-notif .card-header-ios-tam,
.card-ios-notif .card-title-ios-tam,
.card-ios-notif .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-notif,
.card-title-ios-notif,
.card-content-ios-notif {
  color: #17DFC4;
}

.card-ios .text-ios-new-badge {
  color: #63BEFB;
}

.card-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

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

.card-ios-new-badge .text-ios-primary,
.card-ios-new-badge .card-header-ios-primary,
.card-ios-new-badge .card-title-ios-primary,
.card-ios-new-badge .card-content-ios-primary {
  color: #F68A22;
}

.card-ios-new-badge .text-ios-secondary,
.card-ios-new-badge .card-header-ios-secondary,
.card-ios-new-badge .card-title-ios-secondary,
.card-ios-new-badge .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-new-badge .text-ios-danger-low,
.card-ios-new-badge .card-header-ios-danger-low,
.card-ios-new-badge .card-title-ios-danger-low,
.card-ios-new-badge .card-content-ios-danger-low {
  color: #fb745e;
}

.card-ios-new-badge .text-ios-light,
.card-ios-new-badge .card-header-ios-light,
.card-ios-new-badge .card-title-ios-light,
.card-ios-new-badge .card-content-ios-light {
  color: #f4f4f4;
}

.card-ios-new-badge .text-ios-dark,
.card-ios-new-badge .card-header-ios-dark,
.card-ios-new-badge .card-title-ios-dark,
.card-ios-new-badge .card-content-ios-dark {
  color: #222;
}

.card-ios-new-badge .text-ios-favorite,
.card-ios-new-badge .card-header-ios-favorite,
.card-ios-new-badge .card-title-ios-favorite,
.card-ios-new-badge .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-new-badge .text-ios-darkgrey,
.card-ios-new-badge .card-header-ios-darkgrey,
.card-ios-new-badge .card-title-ios-darkgrey,
.card-ios-new-badge .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-new-badge .text-ios-emerald,
.card-ios-new-badge .card-header-ios-emerald,
.card-ios-new-badge .card-title-ios-emerald,
.card-ios-new-badge .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-new-badge .text-ios-concrete,
.card-ios-new-badge .card-header-ios-concrete,
.card-ios-new-badge .card-title-ios-concrete,
.card-ios-new-badge .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-new-badge .text-ios-yellow,
.card-ios-new-badge .card-header-ios-yellow,
.card-ios-new-badge .card-title-ios-yellow,
.card-ios-new-badge .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-new-badge .text-ios-black,
.card-ios-new-badge .card-header-ios-black,
.card-ios-new-badge .card-title-ios-black,
.card-ios-new-badge .card-content-ios-black {
  color: #000000;
}

.card-ios-new-badge .text-ios-grey,
.card-ios-new-badge .card-header-ios-grey,
.card-ios-new-badge .card-title-ios-grey,
.card-ios-new-badge .card-content-ios-grey {
  color: #808080;
}

.card-ios-new-badge .text-ios-red,
.card-ios-new-badge .card-header-ios-red,
.card-ios-new-badge .card-title-ios-red,
.card-ios-new-badge .card-content-ios-red {
  color: #ed4956;
}

.card-ios-new-badge .text-ios-notif,
.card-ios-new-badge .card-header-ios-notif,
.card-ios-new-badge .card-title-ios-notif,
.card-ios-new-badge .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-new-badge .text-ios-new-badge,
.card-ios-new-badge .card-header-ios-new-badge,
.card-ios-new-badge .card-title-ios-new-badge,
.card-ios-new-badge .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-new-badge .text-ios-accent,
.card-ios-new-badge .card-header-ios-accent,
.card-ios-new-badge .card-title-ios-accent,
.card-ios-new-badge .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-new-badge .text-ios-skeleton,
.card-ios-new-badge .card-header-ios-skeleton,
.card-ios-new-badge .card-title-ios-skeleton,
.card-ios-new-badge .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-new-badge .text-ios-outline,
.card-ios-new-badge .card-header-ios-outline,
.card-ios-new-badge .card-title-ios-outline,
.card-ios-new-badge .card-content-ios-outline {
  color: #dbdbe1;
}

.card-ios-new-badge .text-ios-secondary-text,
.card-ios-new-badge .card-header-ios-secondary-text,
.card-ios-new-badge .card-title-ios-secondary-text,
.card-ios-new-badge .card-content-ios-secondary-text {
  color: #A5B0B7;
}

.card-ios-new-badge .text-ios-text,
.card-ios-new-badge .card-header-ios-text,
.card-ios-new-badge .card-title-ios-text,
.card-ios-new-badge .card-content-ios-text {
  color: #192528;
}

.card-ios-new-badge .text-ios-label,
.card-ios-new-badge .card-header-ios-label,
.card-ios-new-badge .card-title-ios-label,
.card-ios-new-badge .card-content-ios-label {
  color: #333333;
}

.card-ios-new-badge .text-ios-hover,
.card-ios-new-badge .card-header-ios-hover,
.card-ios-new-badge .card-title-ios-hover,
.card-ios-new-badge .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-new-badge .text-ios-hover-dark,
.card-ios-new-badge .card-header-ios-hover-dark,
.card-ios-new-badge .card-title-ios-hover-dark,
.card-ios-new-badge .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-new-badge .text-ios-bgcard,
.card-ios-new-badge .card-header-ios-bgcard,
.card-ios-new-badge .card-title-ios-bgcard,
.card-ios-new-badge .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-new-badge .text-ios-bgcard2,
.card-ios-new-badge .card-header-ios-bgcard2,
.card-ios-new-badge .card-title-ios-bgcard2,
.card-ios-new-badge .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-new-badge .text-ios-bglabel,
.card-ios-new-badge .card-header-ios-bglabel,
.card-ios-new-badge .card-title-ios-bglabel,
.card-ios-new-badge .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-new-badge .text-ios-primary-light,
.card-ios-new-badge .card-header-ios-primary-light,
.card-ios-new-badge .card-title-ios-primary-light,
.card-ios-new-badge .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-new-badge .text-ios-bgicon,
.card-ios-new-badge .card-header-ios-bgicon,
.card-ios-new-badge .card-title-ios-bgicon,
.card-ios-new-badge .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-new-badge .text-ios-primary-text,
.card-ios-new-badge .card-header-ios-primary-text,
.card-ios-new-badge .card-title-ios-primary-text,
.card-ios-new-badge .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-new-badge .text-ios-white,
.card-ios-new-badge .card-header-ios-white,
.card-ios-new-badge .card-title-ios-white,
.card-ios-new-badge .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-new-badge .text-ios-success,
.card-ios-new-badge .card-header-ios-success,
.card-ios-new-badge .card-title-ios-success,
.card-ios-new-badge .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-new-badge .text-ios-info,
.card-ios-new-badge .card-header-ios-info,
.card-ios-new-badge .card-title-ios-info,
.card-ios-new-badge .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-new-badge .text-ios-warning,
.card-ios-new-badge .card-header-ios-warning,
.card-ios-new-badge .card-title-ios-warning,
.card-ios-new-badge .card-content-ios-warning {
  color: #FFAB00;
}

.card-ios-new-badge .text-ios-danger,
.card-ios-new-badge .card-header-ios-danger,
.card-ios-new-badge .card-title-ios-danger,
.card-ios-new-badge .card-content-ios-danger {
  color: #F0624D;
}

.card-ios-new-badge .text-ios-tam,
.card-ios-new-badge .card-header-ios-tam,
.card-ios-new-badge .card-title-ios-tam,
.card-ios-new-badge .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-new-badge,
.card-title-ios-new-badge,
.card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios .text-ios-accent {
  color: #63BEFB;
}

.card-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

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

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

.card-ios-accent .text-ios-secondary,
.card-ios-accent .card-header-ios-secondary,
.card-ios-accent .card-title-ios-secondary,
.card-ios-accent .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-accent .text-ios-danger-low,
.card-ios-accent .card-header-ios-danger-low,
.card-ios-accent .card-title-ios-danger-low,
.card-ios-accent .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-accent .text-ios-dark,
.card-ios-accent .card-header-ios-dark,
.card-ios-accent .card-title-ios-dark,
.card-ios-accent .card-content-ios-dark {
  color: #222;
}

.card-ios-accent .text-ios-favorite,
.card-ios-accent .card-header-ios-favorite,
.card-ios-accent .card-title-ios-favorite,
.card-ios-accent .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-accent .text-ios-darkgrey,
.card-ios-accent .card-header-ios-darkgrey,
.card-ios-accent .card-title-ios-darkgrey,
.card-ios-accent .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-accent .text-ios-emerald,
.card-ios-accent .card-header-ios-emerald,
.card-ios-accent .card-title-ios-emerald,
.card-ios-accent .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-accent .text-ios-concrete,
.card-ios-accent .card-header-ios-concrete,
.card-ios-accent .card-title-ios-concrete,
.card-ios-accent .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-accent .text-ios-yellow,
.card-ios-accent .card-header-ios-yellow,
.card-ios-accent .card-title-ios-yellow,
.card-ios-accent .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-accent .text-ios-black,
.card-ios-accent .card-header-ios-black,
.card-ios-accent .card-title-ios-black,
.card-ios-accent .card-content-ios-black {
  color: #000000;
}

.card-ios-accent .text-ios-grey,
.card-ios-accent .card-header-ios-grey,
.card-ios-accent .card-title-ios-grey,
.card-ios-accent .card-content-ios-grey {
  color: #808080;
}

.card-ios-accent .text-ios-red,
.card-ios-accent .card-header-ios-red,
.card-ios-accent .card-title-ios-red,
.card-ios-accent .card-content-ios-red {
  color: #ed4956;
}

.card-ios-accent .text-ios-notif,
.card-ios-accent .card-header-ios-notif,
.card-ios-accent .card-title-ios-notif,
.card-ios-accent .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-accent .text-ios-new-badge,
.card-ios-accent .card-header-ios-new-badge,
.card-ios-accent .card-title-ios-new-badge,
.card-ios-accent .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-accent .text-ios-accent,
.card-ios-accent .card-header-ios-accent,
.card-ios-accent .card-title-ios-accent,
.card-ios-accent .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-accent .text-ios-skeleton,
.card-ios-accent .card-header-ios-skeleton,
.card-ios-accent .card-title-ios-skeleton,
.card-ios-accent .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-accent .text-ios-outline,
.card-ios-accent .card-header-ios-outline,
.card-ios-accent .card-title-ios-outline,
.card-ios-accent .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-accent .text-ios-text,
.card-ios-accent .card-header-ios-text,
.card-ios-accent .card-title-ios-text,
.card-ios-accent .card-content-ios-text {
  color: #192528;
}

.card-ios-accent .text-ios-label,
.card-ios-accent .card-header-ios-label,
.card-ios-accent .card-title-ios-label,
.card-ios-accent .card-content-ios-label {
  color: #333333;
}

.card-ios-accent .text-ios-hover,
.card-ios-accent .card-header-ios-hover,
.card-ios-accent .card-title-ios-hover,
.card-ios-accent .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-accent .text-ios-hover-dark,
.card-ios-accent .card-header-ios-hover-dark,
.card-ios-accent .card-title-ios-hover-dark,
.card-ios-accent .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-accent .text-ios-bgcard,
.card-ios-accent .card-header-ios-bgcard,
.card-ios-accent .card-title-ios-bgcard,
.card-ios-accent .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-accent .text-ios-bgcard2,
.card-ios-accent .card-header-ios-bgcard2,
.card-ios-accent .card-title-ios-bgcard2,
.card-ios-accent .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-accent .text-ios-bglabel,
.card-ios-accent .card-header-ios-bglabel,
.card-ios-accent .card-title-ios-bglabel,
.card-ios-accent .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-accent .text-ios-primary-light,
.card-ios-accent .card-header-ios-primary-light,
.card-ios-accent .card-title-ios-primary-light,
.card-ios-accent .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-accent .text-ios-bgicon,
.card-ios-accent .card-header-ios-bgicon,
.card-ios-accent .card-title-ios-bgicon,
.card-ios-accent .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-accent .text-ios-primary-text,
.card-ios-accent .card-header-ios-primary-text,
.card-ios-accent .card-title-ios-primary-text,
.card-ios-accent .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-accent .text-ios-white,
.card-ios-accent .card-header-ios-white,
.card-ios-accent .card-title-ios-white,
.card-ios-accent .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-accent .text-ios-success,
.card-ios-accent .card-header-ios-success,
.card-ios-accent .card-title-ios-success,
.card-ios-accent .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-accent .text-ios-info,
.card-ios-accent .card-header-ios-info,
.card-ios-accent .card-title-ios-info,
.card-ios-accent .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-accent .text-ios-warning,
.card-ios-accent .card-header-ios-warning,
.card-ios-accent .card-title-ios-warning,
.card-ios-accent .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-accent .text-ios-tam,
.card-ios-accent .card-header-ios-tam,
.card-ios-accent .card-title-ios-tam,
.card-ios-accent .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-accent,
.card-title-ios-accent,
.card-content-ios-accent {
  color: #63BEFB;
}

.card-ios .text-ios-skeleton {
  color: #dddddd;
}

.card-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

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

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

.card-ios-skeleton .text-ios-secondary,
.card-ios-skeleton .card-header-ios-secondary,
.card-ios-skeleton .card-title-ios-secondary,
.card-ios-skeleton .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-skeleton .text-ios-danger-low,
.card-ios-skeleton .card-header-ios-danger-low,
.card-ios-skeleton .card-title-ios-danger-low,
.card-ios-skeleton .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-skeleton .text-ios-dark,
.card-ios-skeleton .card-header-ios-dark,
.card-ios-skeleton .card-title-ios-dark,
.card-ios-skeleton .card-content-ios-dark {
  color: #222;
}

.card-ios-skeleton .text-ios-favorite,
.card-ios-skeleton .card-header-ios-favorite,
.card-ios-skeleton .card-title-ios-favorite,
.card-ios-skeleton .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-skeleton .text-ios-darkgrey,
.card-ios-skeleton .card-header-ios-darkgrey,
.card-ios-skeleton .card-title-ios-darkgrey,
.card-ios-skeleton .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-skeleton .text-ios-emerald,
.card-ios-skeleton .card-header-ios-emerald,
.card-ios-skeleton .card-title-ios-emerald,
.card-ios-skeleton .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-skeleton .text-ios-concrete,
.card-ios-skeleton .card-header-ios-concrete,
.card-ios-skeleton .card-title-ios-concrete,
.card-ios-skeleton .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-skeleton .text-ios-yellow,
.card-ios-skeleton .card-header-ios-yellow,
.card-ios-skeleton .card-title-ios-yellow,
.card-ios-skeleton .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-skeleton .text-ios-black,
.card-ios-skeleton .card-header-ios-black,
.card-ios-skeleton .card-title-ios-black,
.card-ios-skeleton .card-content-ios-black {
  color: #000000;
}

.card-ios-skeleton .text-ios-grey,
.card-ios-skeleton .card-header-ios-grey,
.card-ios-skeleton .card-title-ios-grey,
.card-ios-skeleton .card-content-ios-grey {
  color: #808080;
}

.card-ios-skeleton .text-ios-red,
.card-ios-skeleton .card-header-ios-red,
.card-ios-skeleton .card-title-ios-red,
.card-ios-skeleton .card-content-ios-red {
  color: #ed4956;
}

.card-ios-skeleton .text-ios-notif,
.card-ios-skeleton .card-header-ios-notif,
.card-ios-skeleton .card-title-ios-notif,
.card-ios-skeleton .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-skeleton .text-ios-new-badge,
.card-ios-skeleton .card-header-ios-new-badge,
.card-ios-skeleton .card-title-ios-new-badge,
.card-ios-skeleton .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-skeleton .text-ios-accent,
.card-ios-skeleton .card-header-ios-accent,
.card-ios-skeleton .card-title-ios-accent,
.card-ios-skeleton .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-skeleton .text-ios-skeleton,
.card-ios-skeleton .card-header-ios-skeleton,
.card-ios-skeleton .card-title-ios-skeleton,
.card-ios-skeleton .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-skeleton .text-ios-outline,
.card-ios-skeleton .card-header-ios-outline,
.card-ios-skeleton .card-title-ios-outline,
.card-ios-skeleton .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-skeleton .text-ios-text,
.card-ios-skeleton .card-header-ios-text,
.card-ios-skeleton .card-title-ios-text,
.card-ios-skeleton .card-content-ios-text {
  color: #192528;
}

.card-ios-skeleton .text-ios-label,
.card-ios-skeleton .card-header-ios-label,
.card-ios-skeleton .card-title-ios-label,
.card-ios-skeleton .card-content-ios-label {
  color: #333333;
}

.card-ios-skeleton .text-ios-hover,
.card-ios-skeleton .card-header-ios-hover,
.card-ios-skeleton .card-title-ios-hover,
.card-ios-skeleton .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-skeleton .text-ios-hover-dark,
.card-ios-skeleton .card-header-ios-hover-dark,
.card-ios-skeleton .card-title-ios-hover-dark,
.card-ios-skeleton .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-skeleton .text-ios-bgcard,
.card-ios-skeleton .card-header-ios-bgcard,
.card-ios-skeleton .card-title-ios-bgcard,
.card-ios-skeleton .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-skeleton .text-ios-bgcard2,
.card-ios-skeleton .card-header-ios-bgcard2,
.card-ios-skeleton .card-title-ios-bgcard2,
.card-ios-skeleton .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-skeleton .text-ios-bglabel,
.card-ios-skeleton .card-header-ios-bglabel,
.card-ios-skeleton .card-title-ios-bglabel,
.card-ios-skeleton .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-skeleton .text-ios-primary-light,
.card-ios-skeleton .card-header-ios-primary-light,
.card-ios-skeleton .card-title-ios-primary-light,
.card-ios-skeleton .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-skeleton .text-ios-bgicon,
.card-ios-skeleton .card-header-ios-bgicon,
.card-ios-skeleton .card-title-ios-bgicon,
.card-ios-skeleton .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-skeleton .text-ios-primary-text,
.card-ios-skeleton .card-header-ios-primary-text,
.card-ios-skeleton .card-title-ios-primary-text,
.card-ios-skeleton .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-skeleton .text-ios-white,
.card-ios-skeleton .card-header-ios-white,
.card-ios-skeleton .card-title-ios-white,
.card-ios-skeleton .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-skeleton .text-ios-success,
.card-ios-skeleton .card-header-ios-success,
.card-ios-skeleton .card-title-ios-success,
.card-ios-skeleton .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-skeleton .text-ios-info,
.card-ios-skeleton .card-header-ios-info,
.card-ios-skeleton .card-title-ios-info,
.card-ios-skeleton .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-skeleton .text-ios-warning,
.card-ios-skeleton .card-header-ios-warning,
.card-ios-skeleton .card-title-ios-warning,
.card-ios-skeleton .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-skeleton .text-ios-tam,
.card-ios-skeleton .card-header-ios-tam,
.card-ios-skeleton .card-title-ios-tam,
.card-ios-skeleton .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-skeleton,
.card-title-ios-skeleton,
.card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios .text-ios-outline {
  color: #dbdbe1;
}

.card-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

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

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

.card-ios-outline .text-ios-secondary,
.card-ios-outline .card-header-ios-secondary,
.card-ios-outline .card-title-ios-secondary,
.card-ios-outline .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-outline .text-ios-danger-low,
.card-ios-outline .card-header-ios-danger-low,
.card-ios-outline .card-title-ios-danger-low,
.card-ios-outline .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-outline .text-ios-dark,
.card-ios-outline .card-header-ios-dark,
.card-ios-outline .card-title-ios-dark,
.card-ios-outline .card-content-ios-dark {
  color: #222;
}

.card-ios-outline .text-ios-favorite,
.card-ios-outline .card-header-ios-favorite,
.card-ios-outline .card-title-ios-favorite,
.card-ios-outline .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-outline .text-ios-darkgrey,
.card-ios-outline .card-header-ios-darkgrey,
.card-ios-outline .card-title-ios-darkgrey,
.card-ios-outline .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-outline .text-ios-emerald,
.card-ios-outline .card-header-ios-emerald,
.card-ios-outline .card-title-ios-emerald,
.card-ios-outline .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-outline .text-ios-concrete,
.card-ios-outline .card-header-ios-concrete,
.card-ios-outline .card-title-ios-concrete,
.card-ios-outline .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-outline .text-ios-yellow,
.card-ios-outline .card-header-ios-yellow,
.card-ios-outline .card-title-ios-yellow,
.card-ios-outline .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-outline .text-ios-black,
.card-ios-outline .card-header-ios-black,
.card-ios-outline .card-title-ios-black,
.card-ios-outline .card-content-ios-black {
  color: #000000;
}

.card-ios-outline .text-ios-grey,
.card-ios-outline .card-header-ios-grey,
.card-ios-outline .card-title-ios-grey,
.card-ios-outline .card-content-ios-grey {
  color: #808080;
}

.card-ios-outline .text-ios-red,
.card-ios-outline .card-header-ios-red,
.card-ios-outline .card-title-ios-red,
.card-ios-outline .card-content-ios-red {
  color: #ed4956;
}

.card-ios-outline .text-ios-notif,
.card-ios-outline .card-header-ios-notif,
.card-ios-outline .card-title-ios-notif,
.card-ios-outline .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-outline .text-ios-new-badge,
.card-ios-outline .card-header-ios-new-badge,
.card-ios-outline .card-title-ios-new-badge,
.card-ios-outline .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-outline .text-ios-accent,
.card-ios-outline .card-header-ios-accent,
.card-ios-outline .card-title-ios-accent,
.card-ios-outline .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-outline .text-ios-skeleton,
.card-ios-outline .card-header-ios-skeleton,
.card-ios-outline .card-title-ios-skeleton,
.card-ios-outline .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-outline .text-ios-outline,
.card-ios-outline .card-header-ios-outline,
.card-ios-outline .card-title-ios-outline,
.card-ios-outline .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-outline .text-ios-text,
.card-ios-outline .card-header-ios-text,
.card-ios-outline .card-title-ios-text,
.card-ios-outline .card-content-ios-text {
  color: #192528;
}

.card-ios-outline .text-ios-label,
.card-ios-outline .card-header-ios-label,
.card-ios-outline .card-title-ios-label,
.card-ios-outline .card-content-ios-label {
  color: #333333;
}

.card-ios-outline .text-ios-hover,
.card-ios-outline .card-header-ios-hover,
.card-ios-outline .card-title-ios-hover,
.card-ios-outline .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-outline .text-ios-hover-dark,
.card-ios-outline .card-header-ios-hover-dark,
.card-ios-outline .card-title-ios-hover-dark,
.card-ios-outline .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-outline .text-ios-bgcard,
.card-ios-outline .card-header-ios-bgcard,
.card-ios-outline .card-title-ios-bgcard,
.card-ios-outline .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-outline .text-ios-bgcard2,
.card-ios-outline .card-header-ios-bgcard2,
.card-ios-outline .card-title-ios-bgcard2,
.card-ios-outline .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-outline .text-ios-bglabel,
.card-ios-outline .card-header-ios-bglabel,
.card-ios-outline .card-title-ios-bglabel,
.card-ios-outline .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-outline .text-ios-primary-light,
.card-ios-outline .card-header-ios-primary-light,
.card-ios-outline .card-title-ios-primary-light,
.card-ios-outline .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-outline .text-ios-bgicon,
.card-ios-outline .card-header-ios-bgicon,
.card-ios-outline .card-title-ios-bgicon,
.card-ios-outline .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-outline .text-ios-primary-text,
.card-ios-outline .card-header-ios-primary-text,
.card-ios-outline .card-title-ios-primary-text,
.card-ios-outline .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-outline .text-ios-white,
.card-ios-outline .card-header-ios-white,
.card-ios-outline .card-title-ios-white,
.card-ios-outline .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-outline .text-ios-success,
.card-ios-outline .card-header-ios-success,
.card-ios-outline .card-title-ios-success,
.card-ios-outline .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-outline .text-ios-info,
.card-ios-outline .card-header-ios-info,
.card-ios-outline .card-title-ios-info,
.card-ios-outline .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-outline .text-ios-warning,
.card-ios-outline .card-header-ios-warning,
.card-ios-outline .card-title-ios-warning,
.card-ios-outline .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-outline .text-ios-tam,
.card-ios-outline .card-header-ios-tam,
.card-ios-outline .card-title-ios-tam,
.card-ios-outline .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-outline,
.card-title-ios-outline,
.card-content-ios-outline {
  color: #dbdbe1;
}

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

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

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

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

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

.card-ios-secondary-text .text-ios-danger-low,
.card-ios-secondary-text .card-header-ios-danger-low,
.card-ios-secondary-text .card-title-ios-danger-low,
.card-ios-secondary-text .card-content-ios-danger-low {
  color: #fb745e;
}

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

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

.card-ios-secondary-text .text-ios-favorite,
.card-ios-secondary-text .card-header-ios-favorite,
.card-ios-secondary-text .card-title-ios-favorite,
.card-ios-secondary-text .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-secondary-text .text-ios-darkgrey,
.card-ios-secondary-text .card-header-ios-darkgrey,
.card-ios-secondary-text .card-title-ios-darkgrey,
.card-ios-secondary-text .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-secondary-text .text-ios-emerald,
.card-ios-secondary-text .card-header-ios-emerald,
.card-ios-secondary-text .card-title-ios-emerald,
.card-ios-secondary-text .card-content-ios-emerald {
  color: #3498db;
}

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

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

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

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

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

.card-ios-secondary-text .text-ios-notif,
.card-ios-secondary-text .card-header-ios-notif,
.card-ios-secondary-text .card-title-ios-notif,
.card-ios-secondary-text .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-secondary-text .text-ios-new-badge,
.card-ios-secondary-text .card-header-ios-new-badge,
.card-ios-secondary-text .card-title-ios-new-badge,
.card-ios-secondary-text .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-secondary-text .text-ios-accent,
.card-ios-secondary-text .card-header-ios-accent,
.card-ios-secondary-text .card-title-ios-accent,
.card-ios-secondary-text .card-content-ios-accent {
  color: #63BEFB;
}

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

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

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

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

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

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

.card-ios-secondary-text .text-ios-hover-dark,
.card-ios-secondary-text .card-header-ios-hover-dark,
.card-ios-secondary-text .card-title-ios-hover-dark,
.card-ios-secondary-text .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

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

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

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

.card-ios-secondary-text .text-ios-primary-light,
.card-ios-secondary-text .card-header-ios-primary-light,
.card-ios-secondary-text .card-title-ios-primary-light,
.card-ios-secondary-text .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-secondary-text .text-ios-bgicon,
.card-ios-secondary-text .card-header-ios-bgicon,
.card-ios-secondary-text .card-title-ios-bgicon,
.card-ios-secondary-text .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-secondary-text .text-ios-primary-text,
.card-ios-secondary-text .card-header-ios-primary-text,
.card-ios-secondary-text .card-title-ios-primary-text,
.card-ios-secondary-text .card-content-ios-primary-text {
  color: #189dae;
}

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

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

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

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

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

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

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

.card-ios .text-ios-text {
  color: #192528;
}

.card-ios-text {
  color: #fff;
  background-color: #192528;
}

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

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

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

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

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

.card-ios-text .text-ios-dark,
.card-ios-text .card-header-ios-dark,
.card-ios-text .card-title-ios-dark,
.card-ios-text .card-content-ios-dark {
  color: #222;
}

.card-ios-text .text-ios-favorite,
.card-ios-text .card-header-ios-favorite,
.card-ios-text .card-title-ios-favorite,
.card-ios-text .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-text .text-ios-darkgrey,
.card-ios-text .card-header-ios-darkgrey,
.card-ios-text .card-title-ios-darkgrey,
.card-ios-text .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-text .text-ios-emerald,
.card-ios-text .card-header-ios-emerald,
.card-ios-text .card-title-ios-emerald,
.card-ios-text .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-text .text-ios-concrete,
.card-ios-text .card-header-ios-concrete,
.card-ios-text .card-title-ios-concrete,
.card-ios-text .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-text .text-ios-yellow,
.card-ios-text .card-header-ios-yellow,
.card-ios-text .card-title-ios-yellow,
.card-ios-text .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-text .text-ios-black,
.card-ios-text .card-header-ios-black,
.card-ios-text .card-title-ios-black,
.card-ios-text .card-content-ios-black {
  color: #000000;
}

.card-ios-text .text-ios-grey,
.card-ios-text .card-header-ios-grey,
.card-ios-text .card-title-ios-grey,
.card-ios-text .card-content-ios-grey {
  color: #808080;
}

.card-ios-text .text-ios-red,
.card-ios-text .card-header-ios-red,
.card-ios-text .card-title-ios-red,
.card-ios-text .card-content-ios-red {
  color: #ed4956;
}

.card-ios-text .text-ios-notif,
.card-ios-text .card-header-ios-notif,
.card-ios-text .card-title-ios-notif,
.card-ios-text .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-text .text-ios-new-badge,
.card-ios-text .card-header-ios-new-badge,
.card-ios-text .card-title-ios-new-badge,
.card-ios-text .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-text .text-ios-accent,
.card-ios-text .card-header-ios-accent,
.card-ios-text .card-title-ios-accent,
.card-ios-text .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-text .text-ios-skeleton,
.card-ios-text .card-header-ios-skeleton,
.card-ios-text .card-title-ios-skeleton,
.card-ios-text .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-text .text-ios-outline,
.card-ios-text .card-header-ios-outline,
.card-ios-text .card-title-ios-outline,
.card-ios-text .card-content-ios-outline {
  color: #dbdbe1;
}

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

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

.card-ios-text .text-ios-label,
.card-ios-text .card-header-ios-label,
.card-ios-text .card-title-ios-label,
.card-ios-text .card-content-ios-label {
  color: #333333;
}

.card-ios-text .text-ios-hover,
.card-ios-text .card-header-ios-hover,
.card-ios-text .card-title-ios-hover,
.card-ios-text .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-text .text-ios-hover-dark,
.card-ios-text .card-header-ios-hover-dark,
.card-ios-text .card-title-ios-hover-dark,
.card-ios-text .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-text .text-ios-bgcard,
.card-ios-text .card-header-ios-bgcard,
.card-ios-text .card-title-ios-bgcard,
.card-ios-text .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-text .text-ios-bgcard2,
.card-ios-text .card-header-ios-bgcard2,
.card-ios-text .card-title-ios-bgcard2,
.card-ios-text .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-text .text-ios-bglabel,
.card-ios-text .card-header-ios-bglabel,
.card-ios-text .card-title-ios-bglabel,
.card-ios-text .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-text .text-ios-primary-light,
.card-ios-text .card-header-ios-primary-light,
.card-ios-text .card-title-ios-primary-light,
.card-ios-text .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-text .text-ios-bgicon,
.card-ios-text .card-header-ios-bgicon,
.card-ios-text .card-title-ios-bgicon,
.card-ios-text .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

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

.card-ios-text .text-ios-white,
.card-ios-text .card-header-ios-white,
.card-ios-text .card-title-ios-white,
.card-ios-text .card-content-ios-white {
  color: #FFFFFF;
}

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

.card-ios-text .text-ios-info,
.card-ios-text .card-header-ios-info,
.card-ios-text .card-title-ios-info,
.card-ios-text .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-text .text-ios-warning,
.card-ios-text .card-header-ios-warning,
.card-ios-text .card-title-ios-warning,
.card-ios-text .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-text .text-ios-tam,
.card-ios-text .card-header-ios-tam,
.card-ios-text .card-title-ios-tam,
.card-ios-text .card-content-ios-tam {
  color: #CC0400;
}

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

.card-ios .text-ios-label {
  color: #333333;
}

.card-ios-label {
  color: #fff;
  background-color: #333333;
}

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

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

.card-ios-label .text-ios-secondary,
.card-ios-label .card-header-ios-secondary,
.card-ios-label .card-title-ios-secondary,
.card-ios-label .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-label .text-ios-danger-low,
.card-ios-label .card-header-ios-danger-low,
.card-ios-label .card-title-ios-danger-low,
.card-ios-label .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-label .text-ios-dark,
.card-ios-label .card-header-ios-dark,
.card-ios-label .card-title-ios-dark,
.card-ios-label .card-content-ios-dark {
  color: #222;
}

.card-ios-label .text-ios-favorite,
.card-ios-label .card-header-ios-favorite,
.card-ios-label .card-title-ios-favorite,
.card-ios-label .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-label .text-ios-darkgrey,
.card-ios-label .card-header-ios-darkgrey,
.card-ios-label .card-title-ios-darkgrey,
.card-ios-label .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-label .text-ios-emerald,
.card-ios-label .card-header-ios-emerald,
.card-ios-label .card-title-ios-emerald,
.card-ios-label .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-label .text-ios-concrete,
.card-ios-label .card-header-ios-concrete,
.card-ios-label .card-title-ios-concrete,
.card-ios-label .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-label .text-ios-yellow,
.card-ios-label .card-header-ios-yellow,
.card-ios-label .card-title-ios-yellow,
.card-ios-label .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-label .text-ios-black,
.card-ios-label .card-header-ios-black,
.card-ios-label .card-title-ios-black,
.card-ios-label .card-content-ios-black {
  color: #000000;
}

.card-ios-label .text-ios-grey,
.card-ios-label .card-header-ios-grey,
.card-ios-label .card-title-ios-grey,
.card-ios-label .card-content-ios-grey {
  color: #808080;
}

.card-ios-label .text-ios-red,
.card-ios-label .card-header-ios-red,
.card-ios-label .card-title-ios-red,
.card-ios-label .card-content-ios-red {
  color: #ed4956;
}

.card-ios-label .text-ios-notif,
.card-ios-label .card-header-ios-notif,
.card-ios-label .card-title-ios-notif,
.card-ios-label .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-label .text-ios-new-badge,
.card-ios-label .card-header-ios-new-badge,
.card-ios-label .card-title-ios-new-badge,
.card-ios-label .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-label .text-ios-accent,
.card-ios-label .card-header-ios-accent,
.card-ios-label .card-title-ios-accent,
.card-ios-label .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-label .text-ios-skeleton,
.card-ios-label .card-header-ios-skeleton,
.card-ios-label .card-title-ios-skeleton,
.card-ios-label .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-label .text-ios-outline,
.card-ios-label .card-header-ios-outline,
.card-ios-label .card-title-ios-outline,
.card-ios-label .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-label .text-ios-text,
.card-ios-label .card-header-ios-text,
.card-ios-label .card-title-ios-text,
.card-ios-label .card-content-ios-text {
  color: #192528;
}

.card-ios-label .text-ios-label,
.card-ios-label .card-header-ios-label,
.card-ios-label .card-title-ios-label,
.card-ios-label .card-content-ios-label {
  color: #333333;
}

.card-ios-label .text-ios-hover,
.card-ios-label .card-header-ios-hover,
.card-ios-label .card-title-ios-hover,
.card-ios-label .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-label .text-ios-hover-dark,
.card-ios-label .card-header-ios-hover-dark,
.card-ios-label .card-title-ios-hover-dark,
.card-ios-label .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-label .text-ios-bgcard,
.card-ios-label .card-header-ios-bgcard,
.card-ios-label .card-title-ios-bgcard,
.card-ios-label .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-label .text-ios-bgcard2,
.card-ios-label .card-header-ios-bgcard2,
.card-ios-label .card-title-ios-bgcard2,
.card-ios-label .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-label .text-ios-bglabel,
.card-ios-label .card-header-ios-bglabel,
.card-ios-label .card-title-ios-bglabel,
.card-ios-label .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-label .text-ios-primary-light,
.card-ios-label .card-header-ios-primary-light,
.card-ios-label .card-title-ios-primary-light,
.card-ios-label .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-label .text-ios-bgicon,
.card-ios-label .card-header-ios-bgicon,
.card-ios-label .card-title-ios-bgicon,
.card-ios-label .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-label .text-ios-primary-text,
.card-ios-label .card-header-ios-primary-text,
.card-ios-label .card-title-ios-primary-text,
.card-ios-label .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-label .text-ios-white,
.card-ios-label .card-header-ios-white,
.card-ios-label .card-title-ios-white,
.card-ios-label .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-label .text-ios-success,
.card-ios-label .card-header-ios-success,
.card-ios-label .card-title-ios-success,
.card-ios-label .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-label .text-ios-info,
.card-ios-label .card-header-ios-info,
.card-ios-label .card-title-ios-info,
.card-ios-label .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-label .text-ios-warning,
.card-ios-label .card-header-ios-warning,
.card-ios-label .card-title-ios-warning,
.card-ios-label .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-label .text-ios-tam,
.card-ios-label .card-header-ios-tam,
.card-ios-label .card-title-ios-tam,
.card-ios-label .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-label,
.card-title-ios-label,
.card-content-ios-label {
  color: #333333;
}

.card-ios .text-ios-hover {
  color: #eff2f4;
}

.card-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

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

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

.card-ios-hover .text-ios-secondary,
.card-ios-hover .card-header-ios-secondary,
.card-ios-hover .card-title-ios-secondary,
.card-ios-hover .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-hover .text-ios-danger-low,
.card-ios-hover .card-header-ios-danger-low,
.card-ios-hover .card-title-ios-danger-low,
.card-ios-hover .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-hover .text-ios-dark,
.card-ios-hover .card-header-ios-dark,
.card-ios-hover .card-title-ios-dark,
.card-ios-hover .card-content-ios-dark {
  color: #222;
}

.card-ios-hover .text-ios-favorite,
.card-ios-hover .card-header-ios-favorite,
.card-ios-hover .card-title-ios-favorite,
.card-ios-hover .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-hover .text-ios-darkgrey,
.card-ios-hover .card-header-ios-darkgrey,
.card-ios-hover .card-title-ios-darkgrey,
.card-ios-hover .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-hover .text-ios-emerald,
.card-ios-hover .card-header-ios-emerald,
.card-ios-hover .card-title-ios-emerald,
.card-ios-hover .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-hover .text-ios-concrete,
.card-ios-hover .card-header-ios-concrete,
.card-ios-hover .card-title-ios-concrete,
.card-ios-hover .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-hover .text-ios-yellow,
.card-ios-hover .card-header-ios-yellow,
.card-ios-hover .card-title-ios-yellow,
.card-ios-hover .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-hover .text-ios-black,
.card-ios-hover .card-header-ios-black,
.card-ios-hover .card-title-ios-black,
.card-ios-hover .card-content-ios-black {
  color: #000000;
}

.card-ios-hover .text-ios-grey,
.card-ios-hover .card-header-ios-grey,
.card-ios-hover .card-title-ios-grey,
.card-ios-hover .card-content-ios-grey {
  color: #808080;
}

.card-ios-hover .text-ios-red,
.card-ios-hover .card-header-ios-red,
.card-ios-hover .card-title-ios-red,
.card-ios-hover .card-content-ios-red {
  color: #ed4956;
}

.card-ios-hover .text-ios-notif,
.card-ios-hover .card-header-ios-notif,
.card-ios-hover .card-title-ios-notif,
.card-ios-hover .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-hover .text-ios-new-badge,
.card-ios-hover .card-header-ios-new-badge,
.card-ios-hover .card-title-ios-new-badge,
.card-ios-hover .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-hover .text-ios-accent,
.card-ios-hover .card-header-ios-accent,
.card-ios-hover .card-title-ios-accent,
.card-ios-hover .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-hover .text-ios-skeleton,
.card-ios-hover .card-header-ios-skeleton,
.card-ios-hover .card-title-ios-skeleton,
.card-ios-hover .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-hover .text-ios-outline,
.card-ios-hover .card-header-ios-outline,
.card-ios-hover .card-title-ios-outline,
.card-ios-hover .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-hover .text-ios-text,
.card-ios-hover .card-header-ios-text,
.card-ios-hover .card-title-ios-text,
.card-ios-hover .card-content-ios-text {
  color: #192528;
}

.card-ios-hover .text-ios-label,
.card-ios-hover .card-header-ios-label,
.card-ios-hover .card-title-ios-label,
.card-ios-hover .card-content-ios-label {
  color: #333333;
}

.card-ios-hover .text-ios-hover,
.card-ios-hover .card-header-ios-hover,
.card-ios-hover .card-title-ios-hover,
.card-ios-hover .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-hover .text-ios-hover-dark,
.card-ios-hover .card-header-ios-hover-dark,
.card-ios-hover .card-title-ios-hover-dark,
.card-ios-hover .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-hover .text-ios-bgcard,
.card-ios-hover .card-header-ios-bgcard,
.card-ios-hover .card-title-ios-bgcard,
.card-ios-hover .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-hover .text-ios-bgcard2,
.card-ios-hover .card-header-ios-bgcard2,
.card-ios-hover .card-title-ios-bgcard2,
.card-ios-hover .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-hover .text-ios-bglabel,
.card-ios-hover .card-header-ios-bglabel,
.card-ios-hover .card-title-ios-bglabel,
.card-ios-hover .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-hover .text-ios-primary-light,
.card-ios-hover .card-header-ios-primary-light,
.card-ios-hover .card-title-ios-primary-light,
.card-ios-hover .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-hover .text-ios-bgicon,
.card-ios-hover .card-header-ios-bgicon,
.card-ios-hover .card-title-ios-bgicon,
.card-ios-hover .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-hover .text-ios-primary-text,
.card-ios-hover .card-header-ios-primary-text,
.card-ios-hover .card-title-ios-primary-text,
.card-ios-hover .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-hover .text-ios-white,
.card-ios-hover .card-header-ios-white,
.card-ios-hover .card-title-ios-white,
.card-ios-hover .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-hover .text-ios-success,
.card-ios-hover .card-header-ios-success,
.card-ios-hover .card-title-ios-success,
.card-ios-hover .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-hover .text-ios-info,
.card-ios-hover .card-header-ios-info,
.card-ios-hover .card-title-ios-info,
.card-ios-hover .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-hover .text-ios-warning,
.card-ios-hover .card-header-ios-warning,
.card-ios-hover .card-title-ios-warning,
.card-ios-hover .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-hover .text-ios-tam,
.card-ios-hover .card-header-ios-tam,
.card-ios-hover .card-title-ios-tam,
.card-ios-hover .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-hover,
.card-title-ios-hover,
.card-content-ios-hover {
  color: #eff2f4;
}

.card-ios .text-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

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

.card-ios-hover-dark .text-ios-primary,
.card-ios-hover-dark .card-header-ios-primary,
.card-ios-hover-dark .card-title-ios-primary,
.card-ios-hover-dark .card-content-ios-primary {
  color: #F68A22;
}

.card-ios-hover-dark .text-ios-secondary,
.card-ios-hover-dark .card-header-ios-secondary,
.card-ios-hover-dark .card-title-ios-secondary,
.card-ios-hover-dark .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-hover-dark .text-ios-danger-low,
.card-ios-hover-dark .card-header-ios-danger-low,
.card-ios-hover-dark .card-title-ios-danger-low,
.card-ios-hover-dark .card-content-ios-danger-low {
  color: #fb745e;
}

.card-ios-hover-dark .text-ios-light,
.card-ios-hover-dark .card-header-ios-light,
.card-ios-hover-dark .card-title-ios-light,
.card-ios-hover-dark .card-content-ios-light {
  color: #f4f4f4;
}

.card-ios-hover-dark .text-ios-dark,
.card-ios-hover-dark .card-header-ios-dark,
.card-ios-hover-dark .card-title-ios-dark,
.card-ios-hover-dark .card-content-ios-dark {
  color: #222;
}

.card-ios-hover-dark .text-ios-favorite,
.card-ios-hover-dark .card-header-ios-favorite,
.card-ios-hover-dark .card-title-ios-favorite,
.card-ios-hover-dark .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-hover-dark .text-ios-darkgrey,
.card-ios-hover-dark .card-header-ios-darkgrey,
.card-ios-hover-dark .card-title-ios-darkgrey,
.card-ios-hover-dark .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-hover-dark .text-ios-emerald,
.card-ios-hover-dark .card-header-ios-emerald,
.card-ios-hover-dark .card-title-ios-emerald,
.card-ios-hover-dark .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-hover-dark .text-ios-concrete,
.card-ios-hover-dark .card-header-ios-concrete,
.card-ios-hover-dark .card-title-ios-concrete,
.card-ios-hover-dark .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-hover-dark .text-ios-yellow,
.card-ios-hover-dark .card-header-ios-yellow,
.card-ios-hover-dark .card-title-ios-yellow,
.card-ios-hover-dark .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-hover-dark .text-ios-black,
.card-ios-hover-dark .card-header-ios-black,
.card-ios-hover-dark .card-title-ios-black,
.card-ios-hover-dark .card-content-ios-black {
  color: #000000;
}

.card-ios-hover-dark .text-ios-grey,
.card-ios-hover-dark .card-header-ios-grey,
.card-ios-hover-dark .card-title-ios-grey,
.card-ios-hover-dark .card-content-ios-grey {
  color: #808080;
}

.card-ios-hover-dark .text-ios-red,
.card-ios-hover-dark .card-header-ios-red,
.card-ios-hover-dark .card-title-ios-red,
.card-ios-hover-dark .card-content-ios-red {
  color: #ed4956;
}

.card-ios-hover-dark .text-ios-notif,
.card-ios-hover-dark .card-header-ios-notif,
.card-ios-hover-dark .card-title-ios-notif,
.card-ios-hover-dark .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-hover-dark .text-ios-new-badge,
.card-ios-hover-dark .card-header-ios-new-badge,
.card-ios-hover-dark .card-title-ios-new-badge,
.card-ios-hover-dark .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-hover-dark .text-ios-accent,
.card-ios-hover-dark .card-header-ios-accent,
.card-ios-hover-dark .card-title-ios-accent,
.card-ios-hover-dark .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-hover-dark .text-ios-skeleton,
.card-ios-hover-dark .card-header-ios-skeleton,
.card-ios-hover-dark .card-title-ios-skeleton,
.card-ios-hover-dark .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-hover-dark .text-ios-outline,
.card-ios-hover-dark .card-header-ios-outline,
.card-ios-hover-dark .card-title-ios-outline,
.card-ios-hover-dark .card-content-ios-outline {
  color: #dbdbe1;
}

.card-ios-hover-dark .text-ios-secondary-text,
.card-ios-hover-dark .card-header-ios-secondary-text,
.card-ios-hover-dark .card-title-ios-secondary-text,
.card-ios-hover-dark .card-content-ios-secondary-text {
  color: #A5B0B7;
}

.card-ios-hover-dark .text-ios-text,
.card-ios-hover-dark .card-header-ios-text,
.card-ios-hover-dark .card-title-ios-text,
.card-ios-hover-dark .card-content-ios-text {
  color: #192528;
}

.card-ios-hover-dark .text-ios-label,
.card-ios-hover-dark .card-header-ios-label,
.card-ios-hover-dark .card-title-ios-label,
.card-ios-hover-dark .card-content-ios-label {
  color: #333333;
}

.card-ios-hover-dark .text-ios-hover,
.card-ios-hover-dark .card-header-ios-hover,
.card-ios-hover-dark .card-title-ios-hover,
.card-ios-hover-dark .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-hover-dark .text-ios-hover-dark,
.card-ios-hover-dark .card-header-ios-hover-dark,
.card-ios-hover-dark .card-title-ios-hover-dark,
.card-ios-hover-dark .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-hover-dark .text-ios-bgcard,
.card-ios-hover-dark .card-header-ios-bgcard,
.card-ios-hover-dark .card-title-ios-bgcard,
.card-ios-hover-dark .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-hover-dark .text-ios-bgcard2,
.card-ios-hover-dark .card-header-ios-bgcard2,
.card-ios-hover-dark .card-title-ios-bgcard2,
.card-ios-hover-dark .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-hover-dark .text-ios-bglabel,
.card-ios-hover-dark .card-header-ios-bglabel,
.card-ios-hover-dark .card-title-ios-bglabel,
.card-ios-hover-dark .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-hover-dark .text-ios-primary-light,
.card-ios-hover-dark .card-header-ios-primary-light,
.card-ios-hover-dark .card-title-ios-primary-light,
.card-ios-hover-dark .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-hover-dark .text-ios-bgicon,
.card-ios-hover-dark .card-header-ios-bgicon,
.card-ios-hover-dark .card-title-ios-bgicon,
.card-ios-hover-dark .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-hover-dark .text-ios-primary-text,
.card-ios-hover-dark .card-header-ios-primary-text,
.card-ios-hover-dark .card-title-ios-primary-text,
.card-ios-hover-dark .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-hover-dark .text-ios-white,
.card-ios-hover-dark .card-header-ios-white,
.card-ios-hover-dark .card-title-ios-white,
.card-ios-hover-dark .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-hover-dark .text-ios-success,
.card-ios-hover-dark .card-header-ios-success,
.card-ios-hover-dark .card-title-ios-success,
.card-ios-hover-dark .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-hover-dark .text-ios-info,
.card-ios-hover-dark .card-header-ios-info,
.card-ios-hover-dark .card-title-ios-info,
.card-ios-hover-dark .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-hover-dark .text-ios-warning,
.card-ios-hover-dark .card-header-ios-warning,
.card-ios-hover-dark .card-title-ios-warning,
.card-ios-hover-dark .card-content-ios-warning {
  color: #FFAB00;
}

.card-ios-hover-dark .text-ios-danger,
.card-ios-hover-dark .card-header-ios-danger,
.card-ios-hover-dark .card-title-ios-danger,
.card-ios-hover-dark .card-content-ios-danger {
  color: #F0624D;
}

.card-ios-hover-dark .text-ios-tam,
.card-ios-hover-dark .card-header-ios-tam,
.card-ios-hover-dark .card-title-ios-tam,
.card-ios-hover-dark .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-hover-dark,
.card-title-ios-hover-dark,
.card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios .text-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

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

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

.card-ios-bgcard .text-ios-secondary,
.card-ios-bgcard .card-header-ios-secondary,
.card-ios-bgcard .card-title-ios-secondary,
.card-ios-bgcard .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-bgcard .text-ios-danger-low,
.card-ios-bgcard .card-header-ios-danger-low,
.card-ios-bgcard .card-title-ios-danger-low,
.card-ios-bgcard .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-bgcard .text-ios-dark,
.card-ios-bgcard .card-header-ios-dark,
.card-ios-bgcard .card-title-ios-dark,
.card-ios-bgcard .card-content-ios-dark {
  color: #222;
}

.card-ios-bgcard .text-ios-favorite,
.card-ios-bgcard .card-header-ios-favorite,
.card-ios-bgcard .card-title-ios-favorite,
.card-ios-bgcard .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-bgcard .text-ios-darkgrey,
.card-ios-bgcard .card-header-ios-darkgrey,
.card-ios-bgcard .card-title-ios-darkgrey,
.card-ios-bgcard .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-bgcard .text-ios-emerald,
.card-ios-bgcard .card-header-ios-emerald,
.card-ios-bgcard .card-title-ios-emerald,
.card-ios-bgcard .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-bgcard .text-ios-concrete,
.card-ios-bgcard .card-header-ios-concrete,
.card-ios-bgcard .card-title-ios-concrete,
.card-ios-bgcard .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-bgcard .text-ios-yellow,
.card-ios-bgcard .card-header-ios-yellow,
.card-ios-bgcard .card-title-ios-yellow,
.card-ios-bgcard .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-bgcard .text-ios-black,
.card-ios-bgcard .card-header-ios-black,
.card-ios-bgcard .card-title-ios-black,
.card-ios-bgcard .card-content-ios-black {
  color: #000000;
}

.card-ios-bgcard .text-ios-grey,
.card-ios-bgcard .card-header-ios-grey,
.card-ios-bgcard .card-title-ios-grey,
.card-ios-bgcard .card-content-ios-grey {
  color: #808080;
}

.card-ios-bgcard .text-ios-red,
.card-ios-bgcard .card-header-ios-red,
.card-ios-bgcard .card-title-ios-red,
.card-ios-bgcard .card-content-ios-red {
  color: #ed4956;
}

.card-ios-bgcard .text-ios-notif,
.card-ios-bgcard .card-header-ios-notif,
.card-ios-bgcard .card-title-ios-notif,
.card-ios-bgcard .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-bgcard .text-ios-new-badge,
.card-ios-bgcard .card-header-ios-new-badge,
.card-ios-bgcard .card-title-ios-new-badge,
.card-ios-bgcard .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-bgcard .text-ios-accent,
.card-ios-bgcard .card-header-ios-accent,
.card-ios-bgcard .card-title-ios-accent,
.card-ios-bgcard .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-bgcard .text-ios-skeleton,
.card-ios-bgcard .card-header-ios-skeleton,
.card-ios-bgcard .card-title-ios-skeleton,
.card-ios-bgcard .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-bgcard .text-ios-outline,
.card-ios-bgcard .card-header-ios-outline,
.card-ios-bgcard .card-title-ios-outline,
.card-ios-bgcard .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-bgcard .text-ios-text,
.card-ios-bgcard .card-header-ios-text,
.card-ios-bgcard .card-title-ios-text,
.card-ios-bgcard .card-content-ios-text {
  color: #192528;
}

.card-ios-bgcard .text-ios-label,
.card-ios-bgcard .card-header-ios-label,
.card-ios-bgcard .card-title-ios-label,
.card-ios-bgcard .card-content-ios-label {
  color: #333333;
}

.card-ios-bgcard .text-ios-hover,
.card-ios-bgcard .card-header-ios-hover,
.card-ios-bgcard .card-title-ios-hover,
.card-ios-bgcard .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-bgcard .text-ios-hover-dark,
.card-ios-bgcard .card-header-ios-hover-dark,
.card-ios-bgcard .card-title-ios-hover-dark,
.card-ios-bgcard .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-bgcard .text-ios-bgcard,
.card-ios-bgcard .card-header-ios-bgcard,
.card-ios-bgcard .card-title-ios-bgcard,
.card-ios-bgcard .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-bgcard .text-ios-bgcard2,
.card-ios-bgcard .card-header-ios-bgcard2,
.card-ios-bgcard .card-title-ios-bgcard2,
.card-ios-bgcard .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-bgcard .text-ios-bglabel,
.card-ios-bgcard .card-header-ios-bglabel,
.card-ios-bgcard .card-title-ios-bglabel,
.card-ios-bgcard .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-bgcard .text-ios-primary-light,
.card-ios-bgcard .card-header-ios-primary-light,
.card-ios-bgcard .card-title-ios-primary-light,
.card-ios-bgcard .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-bgcard .text-ios-bgicon,
.card-ios-bgcard .card-header-ios-bgicon,
.card-ios-bgcard .card-title-ios-bgicon,
.card-ios-bgcard .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-bgcard .text-ios-primary-text,
.card-ios-bgcard .card-header-ios-primary-text,
.card-ios-bgcard .card-title-ios-primary-text,
.card-ios-bgcard .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-bgcard .text-ios-white,
.card-ios-bgcard .card-header-ios-white,
.card-ios-bgcard .card-title-ios-white,
.card-ios-bgcard .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-bgcard .text-ios-success,
.card-ios-bgcard .card-header-ios-success,
.card-ios-bgcard .card-title-ios-success,
.card-ios-bgcard .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-bgcard .text-ios-info,
.card-ios-bgcard .card-header-ios-info,
.card-ios-bgcard .card-title-ios-info,
.card-ios-bgcard .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-bgcard .text-ios-warning,
.card-ios-bgcard .card-header-ios-warning,
.card-ios-bgcard .card-title-ios-warning,
.card-ios-bgcard .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-bgcard .text-ios-tam,
.card-ios-bgcard .card-header-ios-tam,
.card-ios-bgcard .card-title-ios-tam,
.card-ios-bgcard .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-bgcard,
.card-title-ios-bgcard,
.card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios .text-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

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

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

.card-ios-bgcard2 .text-ios-secondary,
.card-ios-bgcard2 .card-header-ios-secondary,
.card-ios-bgcard2 .card-title-ios-secondary,
.card-ios-bgcard2 .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-bgcard2 .text-ios-danger-low,
.card-ios-bgcard2 .card-header-ios-danger-low,
.card-ios-bgcard2 .card-title-ios-danger-low,
.card-ios-bgcard2 .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-bgcard2 .text-ios-dark,
.card-ios-bgcard2 .card-header-ios-dark,
.card-ios-bgcard2 .card-title-ios-dark,
.card-ios-bgcard2 .card-content-ios-dark {
  color: #222;
}

.card-ios-bgcard2 .text-ios-favorite,
.card-ios-bgcard2 .card-header-ios-favorite,
.card-ios-bgcard2 .card-title-ios-favorite,
.card-ios-bgcard2 .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-bgcard2 .text-ios-darkgrey,
.card-ios-bgcard2 .card-header-ios-darkgrey,
.card-ios-bgcard2 .card-title-ios-darkgrey,
.card-ios-bgcard2 .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-bgcard2 .text-ios-emerald,
.card-ios-bgcard2 .card-header-ios-emerald,
.card-ios-bgcard2 .card-title-ios-emerald,
.card-ios-bgcard2 .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-bgcard2 .text-ios-concrete,
.card-ios-bgcard2 .card-header-ios-concrete,
.card-ios-bgcard2 .card-title-ios-concrete,
.card-ios-bgcard2 .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-bgcard2 .text-ios-yellow,
.card-ios-bgcard2 .card-header-ios-yellow,
.card-ios-bgcard2 .card-title-ios-yellow,
.card-ios-bgcard2 .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-bgcard2 .text-ios-black,
.card-ios-bgcard2 .card-header-ios-black,
.card-ios-bgcard2 .card-title-ios-black,
.card-ios-bgcard2 .card-content-ios-black {
  color: #000000;
}

.card-ios-bgcard2 .text-ios-grey,
.card-ios-bgcard2 .card-header-ios-grey,
.card-ios-bgcard2 .card-title-ios-grey,
.card-ios-bgcard2 .card-content-ios-grey {
  color: #808080;
}

.card-ios-bgcard2 .text-ios-red,
.card-ios-bgcard2 .card-header-ios-red,
.card-ios-bgcard2 .card-title-ios-red,
.card-ios-bgcard2 .card-content-ios-red {
  color: #ed4956;
}

.card-ios-bgcard2 .text-ios-notif,
.card-ios-bgcard2 .card-header-ios-notif,
.card-ios-bgcard2 .card-title-ios-notif,
.card-ios-bgcard2 .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-bgcard2 .text-ios-new-badge,
.card-ios-bgcard2 .card-header-ios-new-badge,
.card-ios-bgcard2 .card-title-ios-new-badge,
.card-ios-bgcard2 .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-bgcard2 .text-ios-accent,
.card-ios-bgcard2 .card-header-ios-accent,
.card-ios-bgcard2 .card-title-ios-accent,
.card-ios-bgcard2 .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-bgcard2 .text-ios-skeleton,
.card-ios-bgcard2 .card-header-ios-skeleton,
.card-ios-bgcard2 .card-title-ios-skeleton,
.card-ios-bgcard2 .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-bgcard2 .text-ios-outline,
.card-ios-bgcard2 .card-header-ios-outline,
.card-ios-bgcard2 .card-title-ios-outline,
.card-ios-bgcard2 .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-bgcard2 .text-ios-text,
.card-ios-bgcard2 .card-header-ios-text,
.card-ios-bgcard2 .card-title-ios-text,
.card-ios-bgcard2 .card-content-ios-text {
  color: #192528;
}

.card-ios-bgcard2 .text-ios-label,
.card-ios-bgcard2 .card-header-ios-label,
.card-ios-bgcard2 .card-title-ios-label,
.card-ios-bgcard2 .card-content-ios-label {
  color: #333333;
}

.card-ios-bgcard2 .text-ios-hover,
.card-ios-bgcard2 .card-header-ios-hover,
.card-ios-bgcard2 .card-title-ios-hover,
.card-ios-bgcard2 .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-bgcard2 .text-ios-hover-dark,
.card-ios-bgcard2 .card-header-ios-hover-dark,
.card-ios-bgcard2 .card-title-ios-hover-dark,
.card-ios-bgcard2 .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-bgcard2 .text-ios-bgcard,
.card-ios-bgcard2 .card-header-ios-bgcard,
.card-ios-bgcard2 .card-title-ios-bgcard,
.card-ios-bgcard2 .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-bgcard2 .text-ios-bgcard2,
.card-ios-bgcard2 .card-header-ios-bgcard2,
.card-ios-bgcard2 .card-title-ios-bgcard2,
.card-ios-bgcard2 .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-bgcard2 .text-ios-bglabel,
.card-ios-bgcard2 .card-header-ios-bglabel,
.card-ios-bgcard2 .card-title-ios-bglabel,
.card-ios-bgcard2 .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-bgcard2 .text-ios-primary-light,
.card-ios-bgcard2 .card-header-ios-primary-light,
.card-ios-bgcard2 .card-title-ios-primary-light,
.card-ios-bgcard2 .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-bgcard2 .text-ios-bgicon,
.card-ios-bgcard2 .card-header-ios-bgicon,
.card-ios-bgcard2 .card-title-ios-bgicon,
.card-ios-bgcard2 .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-bgcard2 .text-ios-primary-text,
.card-ios-bgcard2 .card-header-ios-primary-text,
.card-ios-bgcard2 .card-title-ios-primary-text,
.card-ios-bgcard2 .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-bgcard2 .text-ios-white,
.card-ios-bgcard2 .card-header-ios-white,
.card-ios-bgcard2 .card-title-ios-white,
.card-ios-bgcard2 .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-bgcard2 .text-ios-success,
.card-ios-bgcard2 .card-header-ios-success,
.card-ios-bgcard2 .card-title-ios-success,
.card-ios-bgcard2 .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-bgcard2 .text-ios-info,
.card-ios-bgcard2 .card-header-ios-info,
.card-ios-bgcard2 .card-title-ios-info,
.card-ios-bgcard2 .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-bgcard2 .text-ios-warning,
.card-ios-bgcard2 .card-header-ios-warning,
.card-ios-bgcard2 .card-title-ios-warning,
.card-ios-bgcard2 .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-bgcard2 .text-ios-tam,
.card-ios-bgcard2 .card-header-ios-tam,
.card-ios-bgcard2 .card-title-ios-tam,
.card-ios-bgcard2 .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-bgcard2,
.card-title-ios-bgcard2,
.card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios .text-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

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

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

.card-ios-bglabel .text-ios-secondary,
.card-ios-bglabel .card-header-ios-secondary,
.card-ios-bglabel .card-title-ios-secondary,
.card-ios-bglabel .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-bglabel .text-ios-danger-low,
.card-ios-bglabel .card-header-ios-danger-low,
.card-ios-bglabel .card-title-ios-danger-low,
.card-ios-bglabel .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-bglabel .text-ios-dark,
.card-ios-bglabel .card-header-ios-dark,
.card-ios-bglabel .card-title-ios-dark,
.card-ios-bglabel .card-content-ios-dark {
  color: #222;
}

.card-ios-bglabel .text-ios-favorite,
.card-ios-bglabel .card-header-ios-favorite,
.card-ios-bglabel .card-title-ios-favorite,
.card-ios-bglabel .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-bglabel .text-ios-darkgrey,
.card-ios-bglabel .card-header-ios-darkgrey,
.card-ios-bglabel .card-title-ios-darkgrey,
.card-ios-bglabel .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-bglabel .text-ios-emerald,
.card-ios-bglabel .card-header-ios-emerald,
.card-ios-bglabel .card-title-ios-emerald,
.card-ios-bglabel .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-bglabel .text-ios-concrete,
.card-ios-bglabel .card-header-ios-concrete,
.card-ios-bglabel .card-title-ios-concrete,
.card-ios-bglabel .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-bglabel .text-ios-yellow,
.card-ios-bglabel .card-header-ios-yellow,
.card-ios-bglabel .card-title-ios-yellow,
.card-ios-bglabel .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-bglabel .text-ios-black,
.card-ios-bglabel .card-header-ios-black,
.card-ios-bglabel .card-title-ios-black,
.card-ios-bglabel .card-content-ios-black {
  color: #000000;
}

.card-ios-bglabel .text-ios-grey,
.card-ios-bglabel .card-header-ios-grey,
.card-ios-bglabel .card-title-ios-grey,
.card-ios-bglabel .card-content-ios-grey {
  color: #808080;
}

.card-ios-bglabel .text-ios-red,
.card-ios-bglabel .card-header-ios-red,
.card-ios-bglabel .card-title-ios-red,
.card-ios-bglabel .card-content-ios-red {
  color: #ed4956;
}

.card-ios-bglabel .text-ios-notif,
.card-ios-bglabel .card-header-ios-notif,
.card-ios-bglabel .card-title-ios-notif,
.card-ios-bglabel .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-bglabel .text-ios-new-badge,
.card-ios-bglabel .card-header-ios-new-badge,
.card-ios-bglabel .card-title-ios-new-badge,
.card-ios-bglabel .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-bglabel .text-ios-accent,
.card-ios-bglabel .card-header-ios-accent,
.card-ios-bglabel .card-title-ios-accent,
.card-ios-bglabel .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-bglabel .text-ios-skeleton,
.card-ios-bglabel .card-header-ios-skeleton,
.card-ios-bglabel .card-title-ios-skeleton,
.card-ios-bglabel .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-bglabel .text-ios-outline,
.card-ios-bglabel .card-header-ios-outline,
.card-ios-bglabel .card-title-ios-outline,
.card-ios-bglabel .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-bglabel .text-ios-text,
.card-ios-bglabel .card-header-ios-text,
.card-ios-bglabel .card-title-ios-text,
.card-ios-bglabel .card-content-ios-text {
  color: #192528;
}

.card-ios-bglabel .text-ios-label,
.card-ios-bglabel .card-header-ios-label,
.card-ios-bglabel .card-title-ios-label,
.card-ios-bglabel .card-content-ios-label {
  color: #333333;
}

.card-ios-bglabel .text-ios-hover,
.card-ios-bglabel .card-header-ios-hover,
.card-ios-bglabel .card-title-ios-hover,
.card-ios-bglabel .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-bglabel .text-ios-hover-dark,
.card-ios-bglabel .card-header-ios-hover-dark,
.card-ios-bglabel .card-title-ios-hover-dark,
.card-ios-bglabel .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-bglabel .text-ios-bgcard,
.card-ios-bglabel .card-header-ios-bgcard,
.card-ios-bglabel .card-title-ios-bgcard,
.card-ios-bglabel .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-bglabel .text-ios-bgcard2,
.card-ios-bglabel .card-header-ios-bgcard2,
.card-ios-bglabel .card-title-ios-bgcard2,
.card-ios-bglabel .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-bglabel .text-ios-bglabel,
.card-ios-bglabel .card-header-ios-bglabel,
.card-ios-bglabel .card-title-ios-bglabel,
.card-ios-bglabel .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-bglabel .text-ios-primary-light,
.card-ios-bglabel .card-header-ios-primary-light,
.card-ios-bglabel .card-title-ios-primary-light,
.card-ios-bglabel .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-bglabel .text-ios-bgicon,
.card-ios-bglabel .card-header-ios-bgicon,
.card-ios-bglabel .card-title-ios-bgicon,
.card-ios-bglabel .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-bglabel .text-ios-primary-text,
.card-ios-bglabel .card-header-ios-primary-text,
.card-ios-bglabel .card-title-ios-primary-text,
.card-ios-bglabel .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-bglabel .text-ios-white,
.card-ios-bglabel .card-header-ios-white,
.card-ios-bglabel .card-title-ios-white,
.card-ios-bglabel .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-bglabel .text-ios-success,
.card-ios-bglabel .card-header-ios-success,
.card-ios-bglabel .card-title-ios-success,
.card-ios-bglabel .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-bglabel .text-ios-info,
.card-ios-bglabel .card-header-ios-info,
.card-ios-bglabel .card-title-ios-info,
.card-ios-bglabel .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-bglabel .text-ios-warning,
.card-ios-bglabel .card-header-ios-warning,
.card-ios-bglabel .card-title-ios-warning,
.card-ios-bglabel .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-bglabel .text-ios-tam,
.card-ios-bglabel .card-header-ios-tam,
.card-ios-bglabel .card-title-ios-tam,
.card-ios-bglabel .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-bglabel,
.card-title-ios-bglabel,
.card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios .text-ios-primary-light {
  color: #08b2be;
}

.card-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

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

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

.card-ios-primary-light .text-ios-secondary,
.card-ios-primary-light .card-header-ios-secondary,
.card-ios-primary-light .card-title-ios-secondary,
.card-ios-primary-light .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-primary-light .text-ios-danger-low,
.card-ios-primary-light .card-header-ios-danger-low,
.card-ios-primary-light .card-title-ios-danger-low,
.card-ios-primary-light .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-primary-light .text-ios-dark,
.card-ios-primary-light .card-header-ios-dark,
.card-ios-primary-light .card-title-ios-dark,
.card-ios-primary-light .card-content-ios-dark {
  color: #222;
}

.card-ios-primary-light .text-ios-favorite,
.card-ios-primary-light .card-header-ios-favorite,
.card-ios-primary-light .card-title-ios-favorite,
.card-ios-primary-light .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-primary-light .text-ios-darkgrey,
.card-ios-primary-light .card-header-ios-darkgrey,
.card-ios-primary-light .card-title-ios-darkgrey,
.card-ios-primary-light .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-primary-light .text-ios-emerald,
.card-ios-primary-light .card-header-ios-emerald,
.card-ios-primary-light .card-title-ios-emerald,
.card-ios-primary-light .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-primary-light .text-ios-concrete,
.card-ios-primary-light .card-header-ios-concrete,
.card-ios-primary-light .card-title-ios-concrete,
.card-ios-primary-light .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-primary-light .text-ios-yellow,
.card-ios-primary-light .card-header-ios-yellow,
.card-ios-primary-light .card-title-ios-yellow,
.card-ios-primary-light .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-primary-light .text-ios-black,
.card-ios-primary-light .card-header-ios-black,
.card-ios-primary-light .card-title-ios-black,
.card-ios-primary-light .card-content-ios-black {
  color: #000000;
}

.card-ios-primary-light .text-ios-grey,
.card-ios-primary-light .card-header-ios-grey,
.card-ios-primary-light .card-title-ios-grey,
.card-ios-primary-light .card-content-ios-grey {
  color: #808080;
}

.card-ios-primary-light .text-ios-red,
.card-ios-primary-light .card-header-ios-red,
.card-ios-primary-light .card-title-ios-red,
.card-ios-primary-light .card-content-ios-red {
  color: #ed4956;
}

.card-ios-primary-light .text-ios-notif,
.card-ios-primary-light .card-header-ios-notif,
.card-ios-primary-light .card-title-ios-notif,
.card-ios-primary-light .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-primary-light .text-ios-new-badge,
.card-ios-primary-light .card-header-ios-new-badge,
.card-ios-primary-light .card-title-ios-new-badge,
.card-ios-primary-light .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-primary-light .text-ios-accent,
.card-ios-primary-light .card-header-ios-accent,
.card-ios-primary-light .card-title-ios-accent,
.card-ios-primary-light .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-primary-light .text-ios-skeleton,
.card-ios-primary-light .card-header-ios-skeleton,
.card-ios-primary-light .card-title-ios-skeleton,
.card-ios-primary-light .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-primary-light .text-ios-outline,
.card-ios-primary-light .card-header-ios-outline,
.card-ios-primary-light .card-title-ios-outline,
.card-ios-primary-light .card-content-ios-outline {
  color: #dbdbe1;
}

.card-ios-primary-light .text-ios-secondary-text,
.card-ios-primary-light .card-header-ios-secondary-text,
.card-ios-primary-light .card-title-ios-secondary-text,
.card-ios-primary-light .card-content-ios-secondary-text {
  color: #A5B0B7;
}

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

.card-ios-primary-light .text-ios-label,
.card-ios-primary-light .card-header-ios-label,
.card-ios-primary-light .card-title-ios-label,
.card-ios-primary-light .card-content-ios-label {
  color: #333333;
}

.card-ios-primary-light .text-ios-hover,
.card-ios-primary-light .card-header-ios-hover,
.card-ios-primary-light .card-title-ios-hover,
.card-ios-primary-light .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-primary-light .text-ios-hover-dark,
.card-ios-primary-light .card-header-ios-hover-dark,
.card-ios-primary-light .card-title-ios-hover-dark,
.card-ios-primary-light .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-primary-light .text-ios-bgcard,
.card-ios-primary-light .card-header-ios-bgcard,
.card-ios-primary-light .card-title-ios-bgcard,
.card-ios-primary-light .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-primary-light .text-ios-bgcard2,
.card-ios-primary-light .card-header-ios-bgcard2,
.card-ios-primary-light .card-title-ios-bgcard2,
.card-ios-primary-light .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-primary-light .text-ios-bglabel,
.card-ios-primary-light .card-header-ios-bglabel,
.card-ios-primary-light .card-title-ios-bglabel,
.card-ios-primary-light .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-primary-light .text-ios-primary-light,
.card-ios-primary-light .card-header-ios-primary-light,
.card-ios-primary-light .card-title-ios-primary-light,
.card-ios-primary-light .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-primary-light .text-ios-bgicon,
.card-ios-primary-light .card-header-ios-bgicon,
.card-ios-primary-light .card-title-ios-bgicon,
.card-ios-primary-light .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-primary-light .text-ios-primary-text,
.card-ios-primary-light .card-header-ios-primary-text,
.card-ios-primary-light .card-title-ios-primary-text,
.card-ios-primary-light .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-primary-light .text-ios-white,
.card-ios-primary-light .card-header-ios-white,
.card-ios-primary-light .card-title-ios-white,
.card-ios-primary-light .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-primary-light .text-ios-success,
.card-ios-primary-light .card-header-ios-success,
.card-ios-primary-light .card-title-ios-success,
.card-ios-primary-light .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-primary-light .text-ios-info,
.card-ios-primary-light .card-header-ios-info,
.card-ios-primary-light .card-title-ios-info,
.card-ios-primary-light .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-primary-light .text-ios-warning,
.card-ios-primary-light .card-header-ios-warning,
.card-ios-primary-light .card-title-ios-warning,
.card-ios-primary-light .card-content-ios-warning {
  color: #FFAB00;
}

.card-ios-primary-light .text-ios-danger,
.card-ios-primary-light .card-header-ios-danger,
.card-ios-primary-light .card-title-ios-danger,
.card-ios-primary-light .card-content-ios-danger {
  color: #F0624D;
}

.card-ios-primary-light .text-ios-tam,
.card-ios-primary-light .card-header-ios-tam,
.card-ios-primary-light .card-title-ios-tam,
.card-ios-primary-light .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-primary-light,
.card-title-ios-primary-light,
.card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios .text-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

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

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

.card-ios-bgicon .text-ios-secondary,
.card-ios-bgicon .card-header-ios-secondary,
.card-ios-bgicon .card-title-ios-secondary,
.card-ios-bgicon .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-bgicon .text-ios-danger-low,
.card-ios-bgicon .card-header-ios-danger-low,
.card-ios-bgicon .card-title-ios-danger-low,
.card-ios-bgicon .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-bgicon .text-ios-dark,
.card-ios-bgicon .card-header-ios-dark,
.card-ios-bgicon .card-title-ios-dark,
.card-ios-bgicon .card-content-ios-dark {
  color: #222;
}

.card-ios-bgicon .text-ios-favorite,
.card-ios-bgicon .card-header-ios-favorite,
.card-ios-bgicon .card-title-ios-favorite,
.card-ios-bgicon .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-bgicon .text-ios-darkgrey,
.card-ios-bgicon .card-header-ios-darkgrey,
.card-ios-bgicon .card-title-ios-darkgrey,
.card-ios-bgicon .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-bgicon .text-ios-emerald,
.card-ios-bgicon .card-header-ios-emerald,
.card-ios-bgicon .card-title-ios-emerald,
.card-ios-bgicon .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-bgicon .text-ios-concrete,
.card-ios-bgicon .card-header-ios-concrete,
.card-ios-bgicon .card-title-ios-concrete,
.card-ios-bgicon .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-bgicon .text-ios-yellow,
.card-ios-bgicon .card-header-ios-yellow,
.card-ios-bgicon .card-title-ios-yellow,
.card-ios-bgicon .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-bgicon .text-ios-black,
.card-ios-bgicon .card-header-ios-black,
.card-ios-bgicon .card-title-ios-black,
.card-ios-bgicon .card-content-ios-black {
  color: #000000;
}

.card-ios-bgicon .text-ios-grey,
.card-ios-bgicon .card-header-ios-grey,
.card-ios-bgicon .card-title-ios-grey,
.card-ios-bgicon .card-content-ios-grey {
  color: #808080;
}

.card-ios-bgicon .text-ios-red,
.card-ios-bgicon .card-header-ios-red,
.card-ios-bgicon .card-title-ios-red,
.card-ios-bgicon .card-content-ios-red {
  color: #ed4956;
}

.card-ios-bgicon .text-ios-notif,
.card-ios-bgicon .card-header-ios-notif,
.card-ios-bgicon .card-title-ios-notif,
.card-ios-bgicon .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-bgicon .text-ios-new-badge,
.card-ios-bgicon .card-header-ios-new-badge,
.card-ios-bgicon .card-title-ios-new-badge,
.card-ios-bgicon .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-bgicon .text-ios-accent,
.card-ios-bgicon .card-header-ios-accent,
.card-ios-bgicon .card-title-ios-accent,
.card-ios-bgicon .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-bgicon .text-ios-skeleton,
.card-ios-bgicon .card-header-ios-skeleton,
.card-ios-bgicon .card-title-ios-skeleton,
.card-ios-bgicon .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-bgicon .text-ios-outline,
.card-ios-bgicon .card-header-ios-outline,
.card-ios-bgicon .card-title-ios-outline,
.card-ios-bgicon .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-bgicon .text-ios-text,
.card-ios-bgicon .card-header-ios-text,
.card-ios-bgicon .card-title-ios-text,
.card-ios-bgicon .card-content-ios-text {
  color: #192528;
}

.card-ios-bgicon .text-ios-label,
.card-ios-bgicon .card-header-ios-label,
.card-ios-bgicon .card-title-ios-label,
.card-ios-bgicon .card-content-ios-label {
  color: #333333;
}

.card-ios-bgicon .text-ios-hover,
.card-ios-bgicon .card-header-ios-hover,
.card-ios-bgicon .card-title-ios-hover,
.card-ios-bgicon .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-bgicon .text-ios-hover-dark,
.card-ios-bgicon .card-header-ios-hover-dark,
.card-ios-bgicon .card-title-ios-hover-dark,
.card-ios-bgicon .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-bgicon .text-ios-bgcard,
.card-ios-bgicon .card-header-ios-bgcard,
.card-ios-bgicon .card-title-ios-bgcard,
.card-ios-bgicon .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-bgicon .text-ios-bgcard2,
.card-ios-bgicon .card-header-ios-bgcard2,
.card-ios-bgicon .card-title-ios-bgcard2,
.card-ios-bgicon .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-bgicon .text-ios-bglabel,
.card-ios-bgicon .card-header-ios-bglabel,
.card-ios-bgicon .card-title-ios-bglabel,
.card-ios-bgicon .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-bgicon .text-ios-primary-light,
.card-ios-bgicon .card-header-ios-primary-light,
.card-ios-bgicon .card-title-ios-primary-light,
.card-ios-bgicon .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-bgicon .text-ios-bgicon,
.card-ios-bgicon .card-header-ios-bgicon,
.card-ios-bgicon .card-title-ios-bgicon,
.card-ios-bgicon .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-bgicon .text-ios-primary-text,
.card-ios-bgicon .card-header-ios-primary-text,
.card-ios-bgicon .card-title-ios-primary-text,
.card-ios-bgicon .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-bgicon .text-ios-white,
.card-ios-bgicon .card-header-ios-white,
.card-ios-bgicon .card-title-ios-white,
.card-ios-bgicon .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-bgicon .text-ios-success,
.card-ios-bgicon .card-header-ios-success,
.card-ios-bgicon .card-title-ios-success,
.card-ios-bgicon .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-bgicon .text-ios-info,
.card-ios-bgicon .card-header-ios-info,
.card-ios-bgicon .card-title-ios-info,
.card-ios-bgicon .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-bgicon .text-ios-warning,
.card-ios-bgicon .card-header-ios-warning,
.card-ios-bgicon .card-title-ios-warning,
.card-ios-bgicon .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-bgicon .text-ios-tam,
.card-ios-bgicon .card-header-ios-tam,
.card-ios-bgicon .card-title-ios-tam,
.card-ios-bgicon .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-bgicon,
.card-title-ios-bgicon,
.card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios .text-ios-primary-text {
  color: #189dae;
}

.card-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

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

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

.card-ios-primary-text .text-ios-secondary,
.card-ios-primary-text .card-header-ios-secondary,
.card-ios-primary-text .card-title-ios-secondary,
.card-ios-primary-text .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-primary-text .text-ios-danger-low,
.card-ios-primary-text .card-header-ios-danger-low,
.card-ios-primary-text .card-title-ios-danger-low,
.card-ios-primary-text .card-content-ios-danger-low {
  color: #fb745e;
}

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

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

.card-ios-primary-text .text-ios-favorite,
.card-ios-primary-text .card-header-ios-favorite,
.card-ios-primary-text .card-title-ios-favorite,
.card-ios-primary-text .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-primary-text .text-ios-darkgrey,
.card-ios-primary-text .card-header-ios-darkgrey,
.card-ios-primary-text .card-title-ios-darkgrey,
.card-ios-primary-text .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-primary-text .text-ios-emerald,
.card-ios-primary-text .card-header-ios-emerald,
.card-ios-primary-text .card-title-ios-emerald,
.card-ios-primary-text .card-content-ios-emerald {
  color: #3498db;
}

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

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

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

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

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

.card-ios-primary-text .text-ios-notif,
.card-ios-primary-text .card-header-ios-notif,
.card-ios-primary-text .card-title-ios-notif,
.card-ios-primary-text .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-primary-text .text-ios-new-badge,
.card-ios-primary-text .card-header-ios-new-badge,
.card-ios-primary-text .card-title-ios-new-badge,
.card-ios-primary-text .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-primary-text .text-ios-accent,
.card-ios-primary-text .card-header-ios-accent,
.card-ios-primary-text .card-title-ios-accent,
.card-ios-primary-text .card-content-ios-accent {
  color: #63BEFB;
}

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

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

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

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

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

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

.card-ios-primary-text .text-ios-hover-dark,
.card-ios-primary-text .card-header-ios-hover-dark,
.card-ios-primary-text .card-title-ios-hover-dark,
.card-ios-primary-text .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

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

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

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

.card-ios-primary-text .text-ios-primary-light,
.card-ios-primary-text .card-header-ios-primary-light,
.card-ios-primary-text .card-title-ios-primary-light,
.card-ios-primary-text .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-primary-text .text-ios-bgicon,
.card-ios-primary-text .card-header-ios-bgicon,
.card-ios-primary-text .card-title-ios-bgicon,
.card-ios-primary-text .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

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

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

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

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

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

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

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

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

.card-ios .text-ios-white {
  color: #FFFFFF;
}

.card-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

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

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

.card-ios-white .text-ios-secondary,
.card-ios-white .card-header-ios-secondary,
.card-ios-white .card-title-ios-secondary,
.card-ios-white .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-white .text-ios-danger-low,
.card-ios-white .card-header-ios-danger-low,
.card-ios-white .card-title-ios-danger-low,
.card-ios-white .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-white .text-ios-dark,
.card-ios-white .card-header-ios-dark,
.card-ios-white .card-title-ios-dark,
.card-ios-white .card-content-ios-dark {
  color: #222;
}

.card-ios-white .text-ios-favorite,
.card-ios-white .card-header-ios-favorite,
.card-ios-white .card-title-ios-favorite,
.card-ios-white .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-white .text-ios-darkgrey,
.card-ios-white .card-header-ios-darkgrey,
.card-ios-white .card-title-ios-darkgrey,
.card-ios-white .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-white .text-ios-emerald,
.card-ios-white .card-header-ios-emerald,
.card-ios-white .card-title-ios-emerald,
.card-ios-white .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-white .text-ios-concrete,
.card-ios-white .card-header-ios-concrete,
.card-ios-white .card-title-ios-concrete,
.card-ios-white .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-white .text-ios-yellow,
.card-ios-white .card-header-ios-yellow,
.card-ios-white .card-title-ios-yellow,
.card-ios-white .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-white .text-ios-black,
.card-ios-white .card-header-ios-black,
.card-ios-white .card-title-ios-black,
.card-ios-white .card-content-ios-black {
  color: #000000;
}

.card-ios-white .text-ios-grey,
.card-ios-white .card-header-ios-grey,
.card-ios-white .card-title-ios-grey,
.card-ios-white .card-content-ios-grey {
  color: #808080;
}

.card-ios-white .text-ios-red,
.card-ios-white .card-header-ios-red,
.card-ios-white .card-title-ios-red,
.card-ios-white .card-content-ios-red {
  color: #ed4956;
}

.card-ios-white .text-ios-notif,
.card-ios-white .card-header-ios-notif,
.card-ios-white .card-title-ios-notif,
.card-ios-white .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-white .text-ios-new-badge,
.card-ios-white .card-header-ios-new-badge,
.card-ios-white .card-title-ios-new-badge,
.card-ios-white .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-white .text-ios-accent,
.card-ios-white .card-header-ios-accent,
.card-ios-white .card-title-ios-accent,
.card-ios-white .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-white .text-ios-skeleton,
.card-ios-white .card-header-ios-skeleton,
.card-ios-white .card-title-ios-skeleton,
.card-ios-white .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-white .text-ios-outline,
.card-ios-white .card-header-ios-outline,
.card-ios-white .card-title-ios-outline,
.card-ios-white .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-white .text-ios-text,
.card-ios-white .card-header-ios-text,
.card-ios-white .card-title-ios-text,
.card-ios-white .card-content-ios-text {
  color: #192528;
}

.card-ios-white .text-ios-label,
.card-ios-white .card-header-ios-label,
.card-ios-white .card-title-ios-label,
.card-ios-white .card-content-ios-label {
  color: #333333;
}

.card-ios-white .text-ios-hover,
.card-ios-white .card-header-ios-hover,
.card-ios-white .card-title-ios-hover,
.card-ios-white .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-white .text-ios-hover-dark,
.card-ios-white .card-header-ios-hover-dark,
.card-ios-white .card-title-ios-hover-dark,
.card-ios-white .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-white .text-ios-bgcard,
.card-ios-white .card-header-ios-bgcard,
.card-ios-white .card-title-ios-bgcard,
.card-ios-white .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-white .text-ios-bgcard2,
.card-ios-white .card-header-ios-bgcard2,
.card-ios-white .card-title-ios-bgcard2,
.card-ios-white .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-white .text-ios-bglabel,
.card-ios-white .card-header-ios-bglabel,
.card-ios-white .card-title-ios-bglabel,
.card-ios-white .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-white .text-ios-primary-light,
.card-ios-white .card-header-ios-primary-light,
.card-ios-white .card-title-ios-primary-light,
.card-ios-white .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-white .text-ios-bgicon,
.card-ios-white .card-header-ios-bgicon,
.card-ios-white .card-title-ios-bgicon,
.card-ios-white .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-white .text-ios-primary-text,
.card-ios-white .card-header-ios-primary-text,
.card-ios-white .card-title-ios-primary-text,
.card-ios-white .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-white .text-ios-white,
.card-ios-white .card-header-ios-white,
.card-ios-white .card-title-ios-white,
.card-ios-white .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-white .text-ios-success,
.card-ios-white .card-header-ios-success,
.card-ios-white .card-title-ios-success,
.card-ios-white .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-white .text-ios-info,
.card-ios-white .card-header-ios-info,
.card-ios-white .card-title-ios-info,
.card-ios-white .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-white .text-ios-warning,
.card-ios-white .card-header-ios-warning,
.card-ios-white .card-title-ios-warning,
.card-ios-white .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-white .text-ios-tam,
.card-ios-white .card-header-ios-tam,
.card-ios-white .card-title-ios-tam,
.card-ios-white .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-white,
.card-title-ios-white,
.card-content-ios-white {
  color: #FFFFFF;
}

.card-ios .text-ios-success {
  color: #2BB34D;
}

.card-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

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

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

.card-ios-success .text-ios-secondary,
.card-ios-success .card-header-ios-secondary,
.card-ios-success .card-title-ios-secondary,
.card-ios-success .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-success .text-ios-danger-low,
.card-ios-success .card-header-ios-danger-low,
.card-ios-success .card-title-ios-danger-low,
.card-ios-success .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-success .text-ios-dark,
.card-ios-success .card-header-ios-dark,
.card-ios-success .card-title-ios-dark,
.card-ios-success .card-content-ios-dark {
  color: #222;
}

.card-ios-success .text-ios-favorite,
.card-ios-success .card-header-ios-favorite,
.card-ios-success .card-title-ios-favorite,
.card-ios-success .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-success .text-ios-darkgrey,
.card-ios-success .card-header-ios-darkgrey,
.card-ios-success .card-title-ios-darkgrey,
.card-ios-success .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-success .text-ios-emerald,
.card-ios-success .card-header-ios-emerald,
.card-ios-success .card-title-ios-emerald,
.card-ios-success .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-success .text-ios-concrete,
.card-ios-success .card-header-ios-concrete,
.card-ios-success .card-title-ios-concrete,
.card-ios-success .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-success .text-ios-yellow,
.card-ios-success .card-header-ios-yellow,
.card-ios-success .card-title-ios-yellow,
.card-ios-success .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-success .text-ios-black,
.card-ios-success .card-header-ios-black,
.card-ios-success .card-title-ios-black,
.card-ios-success .card-content-ios-black {
  color: #000000;
}

.card-ios-success .text-ios-grey,
.card-ios-success .card-header-ios-grey,
.card-ios-success .card-title-ios-grey,
.card-ios-success .card-content-ios-grey {
  color: #808080;
}

.card-ios-success .text-ios-red,
.card-ios-success .card-header-ios-red,
.card-ios-success .card-title-ios-red,
.card-ios-success .card-content-ios-red {
  color: #ed4956;
}

.card-ios-success .text-ios-notif,
.card-ios-success .card-header-ios-notif,
.card-ios-success .card-title-ios-notif,
.card-ios-success .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-success .text-ios-new-badge,
.card-ios-success .card-header-ios-new-badge,
.card-ios-success .card-title-ios-new-badge,
.card-ios-success .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-success .text-ios-accent,
.card-ios-success .card-header-ios-accent,
.card-ios-success .card-title-ios-accent,
.card-ios-success .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-success .text-ios-skeleton,
.card-ios-success .card-header-ios-skeleton,
.card-ios-success .card-title-ios-skeleton,
.card-ios-success .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-success .text-ios-outline,
.card-ios-success .card-header-ios-outline,
.card-ios-success .card-title-ios-outline,
.card-ios-success .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-success .text-ios-text,
.card-ios-success .card-header-ios-text,
.card-ios-success .card-title-ios-text,
.card-ios-success .card-content-ios-text {
  color: #192528;
}

.card-ios-success .text-ios-label,
.card-ios-success .card-header-ios-label,
.card-ios-success .card-title-ios-label,
.card-ios-success .card-content-ios-label {
  color: #333333;
}

.card-ios-success .text-ios-hover,
.card-ios-success .card-header-ios-hover,
.card-ios-success .card-title-ios-hover,
.card-ios-success .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-success .text-ios-hover-dark,
.card-ios-success .card-header-ios-hover-dark,
.card-ios-success .card-title-ios-hover-dark,
.card-ios-success .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-success .text-ios-bgcard,
.card-ios-success .card-header-ios-bgcard,
.card-ios-success .card-title-ios-bgcard,
.card-ios-success .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-success .text-ios-bgcard2,
.card-ios-success .card-header-ios-bgcard2,
.card-ios-success .card-title-ios-bgcard2,
.card-ios-success .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-success .text-ios-bglabel,
.card-ios-success .card-header-ios-bglabel,
.card-ios-success .card-title-ios-bglabel,
.card-ios-success .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-success .text-ios-primary-light,
.card-ios-success .card-header-ios-primary-light,
.card-ios-success .card-title-ios-primary-light,
.card-ios-success .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-success .text-ios-bgicon,
.card-ios-success .card-header-ios-bgicon,
.card-ios-success .card-title-ios-bgicon,
.card-ios-success .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-success .text-ios-primary-text,
.card-ios-success .card-header-ios-primary-text,
.card-ios-success .card-title-ios-primary-text,
.card-ios-success .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-success .text-ios-white,
.card-ios-success .card-header-ios-white,
.card-ios-success .card-title-ios-white,
.card-ios-success .card-content-ios-white {
  color: #FFFFFF;
}

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

.card-ios-success .text-ios-info,
.card-ios-success .card-header-ios-info,
.card-ios-success .card-title-ios-info,
.card-ios-success .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-success .text-ios-warning,
.card-ios-success .card-header-ios-warning,
.card-ios-success .card-title-ios-warning,
.card-ios-success .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-success .text-ios-tam,
.card-ios-success .card-header-ios-tam,
.card-ios-success .card-title-ios-tam,
.card-ios-success .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-success,
.card-title-ios-success,
.card-content-ios-success {
  color: #2BB34D;
}

.card-ios .text-ios-info {
  color: #1A73E8;
}

.card-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

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

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

.card-ios-info .text-ios-secondary,
.card-ios-info .card-header-ios-secondary,
.card-ios-info .card-title-ios-secondary,
.card-ios-info .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-info .text-ios-danger-low,
.card-ios-info .card-header-ios-danger-low,
.card-ios-info .card-title-ios-danger-low,
.card-ios-info .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-info .text-ios-dark,
.card-ios-info .card-header-ios-dark,
.card-ios-info .card-title-ios-dark,
.card-ios-info .card-content-ios-dark {
  color: #222;
}

.card-ios-info .text-ios-favorite,
.card-ios-info .card-header-ios-favorite,
.card-ios-info .card-title-ios-favorite,
.card-ios-info .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-info .text-ios-darkgrey,
.card-ios-info .card-header-ios-darkgrey,
.card-ios-info .card-title-ios-darkgrey,
.card-ios-info .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-info .text-ios-emerald,
.card-ios-info .card-header-ios-emerald,
.card-ios-info .card-title-ios-emerald,
.card-ios-info .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-info .text-ios-concrete,
.card-ios-info .card-header-ios-concrete,
.card-ios-info .card-title-ios-concrete,
.card-ios-info .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-info .text-ios-yellow,
.card-ios-info .card-header-ios-yellow,
.card-ios-info .card-title-ios-yellow,
.card-ios-info .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-info .text-ios-black,
.card-ios-info .card-header-ios-black,
.card-ios-info .card-title-ios-black,
.card-ios-info .card-content-ios-black {
  color: #000000;
}

.card-ios-info .text-ios-grey,
.card-ios-info .card-header-ios-grey,
.card-ios-info .card-title-ios-grey,
.card-ios-info .card-content-ios-grey {
  color: #808080;
}

.card-ios-info .text-ios-red,
.card-ios-info .card-header-ios-red,
.card-ios-info .card-title-ios-red,
.card-ios-info .card-content-ios-red {
  color: #ed4956;
}

.card-ios-info .text-ios-notif,
.card-ios-info .card-header-ios-notif,
.card-ios-info .card-title-ios-notif,
.card-ios-info .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-info .text-ios-new-badge,
.card-ios-info .card-header-ios-new-badge,
.card-ios-info .card-title-ios-new-badge,
.card-ios-info .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-info .text-ios-accent,
.card-ios-info .card-header-ios-accent,
.card-ios-info .card-title-ios-accent,
.card-ios-info .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-info .text-ios-skeleton,
.card-ios-info .card-header-ios-skeleton,
.card-ios-info .card-title-ios-skeleton,
.card-ios-info .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-info .text-ios-outline,
.card-ios-info .card-header-ios-outline,
.card-ios-info .card-title-ios-outline,
.card-ios-info .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-info .text-ios-text,
.card-ios-info .card-header-ios-text,
.card-ios-info .card-title-ios-text,
.card-ios-info .card-content-ios-text {
  color: #192528;
}

.card-ios-info .text-ios-label,
.card-ios-info .card-header-ios-label,
.card-ios-info .card-title-ios-label,
.card-ios-info .card-content-ios-label {
  color: #333333;
}

.card-ios-info .text-ios-hover,
.card-ios-info .card-header-ios-hover,
.card-ios-info .card-title-ios-hover,
.card-ios-info .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-info .text-ios-hover-dark,
.card-ios-info .card-header-ios-hover-dark,
.card-ios-info .card-title-ios-hover-dark,
.card-ios-info .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-info .text-ios-bgcard,
.card-ios-info .card-header-ios-bgcard,
.card-ios-info .card-title-ios-bgcard,
.card-ios-info .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-info .text-ios-bgcard2,
.card-ios-info .card-header-ios-bgcard2,
.card-ios-info .card-title-ios-bgcard2,
.card-ios-info .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-info .text-ios-bglabel,
.card-ios-info .card-header-ios-bglabel,
.card-ios-info .card-title-ios-bglabel,
.card-ios-info .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-info .text-ios-primary-light,
.card-ios-info .card-header-ios-primary-light,
.card-ios-info .card-title-ios-primary-light,
.card-ios-info .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-info .text-ios-bgicon,
.card-ios-info .card-header-ios-bgicon,
.card-ios-info .card-title-ios-bgicon,
.card-ios-info .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-info .text-ios-primary-text,
.card-ios-info .card-header-ios-primary-text,
.card-ios-info .card-title-ios-primary-text,
.card-ios-info .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-info .text-ios-white,
.card-ios-info .card-header-ios-white,
.card-ios-info .card-title-ios-white,
.card-ios-info .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-info .text-ios-success,
.card-ios-info .card-header-ios-success,
.card-ios-info .card-title-ios-success,
.card-ios-info .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-info .text-ios-info,
.card-ios-info .card-header-ios-info,
.card-ios-info .card-title-ios-info,
.card-ios-info .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-info .text-ios-warning,
.card-ios-info .card-header-ios-warning,
.card-ios-info .card-title-ios-warning,
.card-ios-info .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-info .text-ios-tam,
.card-ios-info .card-header-ios-tam,
.card-ios-info .card-title-ios-tam,
.card-ios-info .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-info,
.card-title-ios-info,
.card-content-ios-info {
  color: #1A73E8;
}

.card-ios .text-ios-warning {
  color: #FFAB00;
}

.card-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

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

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

.card-ios-warning .text-ios-secondary,
.card-ios-warning .card-header-ios-secondary,
.card-ios-warning .card-title-ios-secondary,
.card-ios-warning .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-warning .text-ios-danger-low,
.card-ios-warning .card-header-ios-danger-low,
.card-ios-warning .card-title-ios-danger-low,
.card-ios-warning .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-warning .text-ios-dark,
.card-ios-warning .card-header-ios-dark,
.card-ios-warning .card-title-ios-dark,
.card-ios-warning .card-content-ios-dark {
  color: #222;
}

.card-ios-warning .text-ios-favorite,
.card-ios-warning .card-header-ios-favorite,
.card-ios-warning .card-title-ios-favorite,
.card-ios-warning .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-warning .text-ios-darkgrey,
.card-ios-warning .card-header-ios-darkgrey,
.card-ios-warning .card-title-ios-darkgrey,
.card-ios-warning .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-warning .text-ios-emerald,
.card-ios-warning .card-header-ios-emerald,
.card-ios-warning .card-title-ios-emerald,
.card-ios-warning .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-warning .text-ios-concrete,
.card-ios-warning .card-header-ios-concrete,
.card-ios-warning .card-title-ios-concrete,
.card-ios-warning .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-warning .text-ios-yellow,
.card-ios-warning .card-header-ios-yellow,
.card-ios-warning .card-title-ios-yellow,
.card-ios-warning .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-warning .text-ios-black,
.card-ios-warning .card-header-ios-black,
.card-ios-warning .card-title-ios-black,
.card-ios-warning .card-content-ios-black {
  color: #000000;
}

.card-ios-warning .text-ios-grey,
.card-ios-warning .card-header-ios-grey,
.card-ios-warning .card-title-ios-grey,
.card-ios-warning .card-content-ios-grey {
  color: #808080;
}

.card-ios-warning .text-ios-red,
.card-ios-warning .card-header-ios-red,
.card-ios-warning .card-title-ios-red,
.card-ios-warning .card-content-ios-red {
  color: #ed4956;
}

.card-ios-warning .text-ios-notif,
.card-ios-warning .card-header-ios-notif,
.card-ios-warning .card-title-ios-notif,
.card-ios-warning .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-warning .text-ios-new-badge,
.card-ios-warning .card-header-ios-new-badge,
.card-ios-warning .card-title-ios-new-badge,
.card-ios-warning .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-warning .text-ios-accent,
.card-ios-warning .card-header-ios-accent,
.card-ios-warning .card-title-ios-accent,
.card-ios-warning .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-warning .text-ios-skeleton,
.card-ios-warning .card-header-ios-skeleton,
.card-ios-warning .card-title-ios-skeleton,
.card-ios-warning .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-warning .text-ios-outline,
.card-ios-warning .card-header-ios-outline,
.card-ios-warning .card-title-ios-outline,
.card-ios-warning .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-warning .text-ios-text,
.card-ios-warning .card-header-ios-text,
.card-ios-warning .card-title-ios-text,
.card-ios-warning .card-content-ios-text {
  color: #192528;
}

.card-ios-warning .text-ios-label,
.card-ios-warning .card-header-ios-label,
.card-ios-warning .card-title-ios-label,
.card-ios-warning .card-content-ios-label {
  color: #333333;
}

.card-ios-warning .text-ios-hover,
.card-ios-warning .card-header-ios-hover,
.card-ios-warning .card-title-ios-hover,
.card-ios-warning .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-warning .text-ios-hover-dark,
.card-ios-warning .card-header-ios-hover-dark,
.card-ios-warning .card-title-ios-hover-dark,
.card-ios-warning .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-warning .text-ios-bgcard,
.card-ios-warning .card-header-ios-bgcard,
.card-ios-warning .card-title-ios-bgcard,
.card-ios-warning .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-warning .text-ios-bgcard2,
.card-ios-warning .card-header-ios-bgcard2,
.card-ios-warning .card-title-ios-bgcard2,
.card-ios-warning .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-warning .text-ios-bglabel,
.card-ios-warning .card-header-ios-bglabel,
.card-ios-warning .card-title-ios-bglabel,
.card-ios-warning .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-warning .text-ios-primary-light,
.card-ios-warning .card-header-ios-primary-light,
.card-ios-warning .card-title-ios-primary-light,
.card-ios-warning .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-warning .text-ios-bgicon,
.card-ios-warning .card-header-ios-bgicon,
.card-ios-warning .card-title-ios-bgicon,
.card-ios-warning .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-warning .text-ios-primary-text,
.card-ios-warning .card-header-ios-primary-text,
.card-ios-warning .card-title-ios-primary-text,
.card-ios-warning .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-warning .text-ios-white,
.card-ios-warning .card-header-ios-white,
.card-ios-warning .card-title-ios-white,
.card-ios-warning .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-warning .text-ios-success,
.card-ios-warning .card-header-ios-success,
.card-ios-warning .card-title-ios-success,
.card-ios-warning .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-warning .text-ios-info,
.card-ios-warning .card-header-ios-info,
.card-ios-warning .card-title-ios-info,
.card-ios-warning .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-warning .text-ios-warning,
.card-ios-warning .card-header-ios-warning,
.card-ios-warning .card-title-ios-warning,
.card-ios-warning .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-warning .text-ios-tam,
.card-ios-warning .card-header-ios-tam,
.card-ios-warning .card-title-ios-tam,
.card-ios-warning .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-warning,
.card-title-ios-warning,
.card-content-ios-warning {
  color: #FFAB00;
}

.card-ios .text-ios-danger {
  color: #F0624D;
}

.card-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

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

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

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

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

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

.card-ios-danger .text-ios-favorite,
.card-ios-danger .card-header-ios-favorite,
.card-ios-danger .card-title-ios-favorite,
.card-ios-danger .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-danger .text-ios-darkgrey,
.card-ios-danger .card-header-ios-darkgrey,
.card-ios-danger .card-title-ios-darkgrey,
.card-ios-danger .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-danger .text-ios-emerald,
.card-ios-danger .card-header-ios-emerald,
.card-ios-danger .card-title-ios-emerald,
.card-ios-danger .card-content-ios-emerald {
  color: #3498db;
}

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

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

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

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

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

.card-ios-danger .text-ios-notif,
.card-ios-danger .card-header-ios-notif,
.card-ios-danger .card-title-ios-notif,
.card-ios-danger .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-danger .text-ios-new-badge,
.card-ios-danger .card-header-ios-new-badge,
.card-ios-danger .card-title-ios-new-badge,
.card-ios-danger .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-danger .text-ios-accent,
.card-ios-danger .card-header-ios-accent,
.card-ios-danger .card-title-ios-accent,
.card-ios-danger .card-content-ios-accent {
  color: #63BEFB;
}

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

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

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

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

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

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

.card-ios-danger .text-ios-hover-dark,
.card-ios-danger .card-header-ios-hover-dark,
.card-ios-danger .card-title-ios-hover-dark,
.card-ios-danger .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

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

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

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

.card-ios-danger .text-ios-primary-light,
.card-ios-danger .card-header-ios-primary-light,
.card-ios-danger .card-title-ios-primary-light,
.card-ios-danger .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-danger .text-ios-bgicon,
.card-ios-danger .card-header-ios-bgicon,
.card-ios-danger .card-title-ios-bgicon,
.card-ios-danger .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-danger .text-ios-primary-text,
.card-ios-danger .card-header-ios-primary-text,
.card-ios-danger .card-title-ios-primary-text,
.card-ios-danger .card-content-ios-primary-text {
  color: #189dae;
}

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

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

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

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

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

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

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

.card-ios .text-ios-tam {
  color: #CC0400;
}

.card-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

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

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

.card-ios-tam .text-ios-secondary,
.card-ios-tam .card-header-ios-secondary,
.card-ios-tam .card-title-ios-secondary,
.card-ios-tam .card-content-ios-secondary {
  color: #63BEFB;
}

.card-ios-tam .text-ios-danger-low,
.card-ios-tam .card-header-ios-danger-low,
.card-ios-tam .card-title-ios-danger-low,
.card-ios-tam .card-content-ios-danger-low {
  color: #fb745e;
}

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

.card-ios-tam .text-ios-dark,
.card-ios-tam .card-header-ios-dark,
.card-ios-tam .card-title-ios-dark,
.card-ios-tam .card-content-ios-dark {
  color: #222;
}

.card-ios-tam .text-ios-favorite,
.card-ios-tam .card-header-ios-favorite,
.card-ios-tam .card-title-ios-favorite,
.card-ios-tam .card-content-ios-favorite {
  color: #39B44A;
}

.card-ios-tam .text-ios-darkgrey,
.card-ios-tam .card-header-ios-darkgrey,
.card-ios-tam .card-title-ios-darkgrey,
.card-ios-tam .card-content-ios-darkgrey {
  color: #8e9093;
}

.card-ios-tam .text-ios-emerald,
.card-ios-tam .card-header-ios-emerald,
.card-ios-tam .card-title-ios-emerald,
.card-ios-tam .card-content-ios-emerald {
  color: #3498db;
}

.card-ios-tam .text-ios-concrete,
.card-ios-tam .card-header-ios-concrete,
.card-ios-tam .card-title-ios-concrete,
.card-ios-tam .card-content-ios-concrete {
  color: #bdc3c7;
}

.card-ios-tam .text-ios-yellow,
.card-ios-tam .card-header-ios-yellow,
.card-ios-tam .card-title-ios-yellow,
.card-ios-tam .card-content-ios-yellow {
  color: #ffff00;
}

.card-ios-tam .text-ios-black,
.card-ios-tam .card-header-ios-black,
.card-ios-tam .card-title-ios-black,
.card-ios-tam .card-content-ios-black {
  color: #000000;
}

.card-ios-tam .text-ios-grey,
.card-ios-tam .card-header-ios-grey,
.card-ios-tam .card-title-ios-grey,
.card-ios-tam .card-content-ios-grey {
  color: #808080;
}

.card-ios-tam .text-ios-red,
.card-ios-tam .card-header-ios-red,
.card-ios-tam .card-title-ios-red,
.card-ios-tam .card-content-ios-red {
  color: #ed4956;
}

.card-ios-tam .text-ios-notif,
.card-ios-tam .card-header-ios-notif,
.card-ios-tam .card-title-ios-notif,
.card-ios-tam .card-content-ios-notif {
  color: #17DFC4;
}

.card-ios-tam .text-ios-new-badge,
.card-ios-tam .card-header-ios-new-badge,
.card-ios-tam .card-title-ios-new-badge,
.card-ios-tam .card-content-ios-new-badge {
  color: #63BEFB;
}

.card-ios-tam .text-ios-accent,
.card-ios-tam .card-header-ios-accent,
.card-ios-tam .card-title-ios-accent,
.card-ios-tam .card-content-ios-accent {
  color: #63BEFB;
}

.card-ios-tam .text-ios-skeleton,
.card-ios-tam .card-header-ios-skeleton,
.card-ios-tam .card-title-ios-skeleton,
.card-ios-tam .card-content-ios-skeleton {
  color: #dddddd;
}

.card-ios-tam .text-ios-outline,
.card-ios-tam .card-header-ios-outline,
.card-ios-tam .card-title-ios-outline,
.card-ios-tam .card-content-ios-outline {
  color: #dbdbe1;
}

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

.card-ios-tam .text-ios-text,
.card-ios-tam .card-header-ios-text,
.card-ios-tam .card-title-ios-text,
.card-ios-tam .card-content-ios-text {
  color: #192528;
}

.card-ios-tam .text-ios-label,
.card-ios-tam .card-header-ios-label,
.card-ios-tam .card-title-ios-label,
.card-ios-tam .card-content-ios-label {
  color: #333333;
}

.card-ios-tam .text-ios-hover,
.card-ios-tam .card-header-ios-hover,
.card-ios-tam .card-title-ios-hover,
.card-ios-tam .card-content-ios-hover {
  color: #eff2f4;
}

.card-ios-tam .text-ios-hover-dark,
.card-ios-tam .card-header-ios-hover-dark,
.card-ios-tam .card-title-ios-hover-dark,
.card-ios-tam .card-content-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-ios-tam .text-ios-bgcard,
.card-ios-tam .card-header-ios-bgcard,
.card-ios-tam .card-title-ios-bgcard,
.card-ios-tam .card-content-ios-bgcard {
  color: #f2f5f8;
}

.card-ios-tam .text-ios-bgcard2,
.card-ios-tam .card-header-ios-bgcard2,
.card-ios-tam .card-title-ios-bgcard2,
.card-ios-tam .card-content-ios-bgcard2 {
  color: #fcfcfc;
}

.card-ios-tam .text-ios-bglabel,
.card-ios-tam .card-header-ios-bglabel,
.card-ios-tam .card-title-ios-bglabel,
.card-ios-tam .card-content-ios-bglabel {
  color: #E2E9ED;
}

.card-ios-tam .text-ios-primary-light,
.card-ios-tam .card-header-ios-primary-light,
.card-ios-tam .card-title-ios-primary-light,
.card-ios-tam .card-content-ios-primary-light {
  color: #08b2be;
}

.card-ios-tam .text-ios-bgicon,
.card-ios-tam .card-header-ios-bgicon,
.card-ios-tam .card-title-ios-bgicon,
.card-ios-tam .card-content-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-ios-tam .text-ios-primary-text,
.card-ios-tam .card-header-ios-primary-text,
.card-ios-tam .card-title-ios-primary-text,
.card-ios-tam .card-content-ios-primary-text {
  color: #189dae;
}

.card-ios-tam .text-ios-white,
.card-ios-tam .card-header-ios-white,
.card-ios-tam .card-title-ios-white,
.card-ios-tam .card-content-ios-white {
  color: #FFFFFF;
}

.card-ios-tam .text-ios-success,
.card-ios-tam .card-header-ios-success,
.card-ios-tam .card-title-ios-success,
.card-ios-tam .card-content-ios-success {
  color: #2BB34D;
}

.card-ios-tam .text-ios-info,
.card-ios-tam .card-header-ios-info,
.card-ios-tam .card-title-ios-info,
.card-ios-tam .card-content-ios-info {
  color: #1A73E8;
}

.card-ios-tam .text-ios-warning,
.card-ios-tam .card-header-ios-warning,
.card-ios-tam .card-title-ios-warning,
.card-ios-tam .card-content-ios-warning {
  color: #FFAB00;
}

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

.card-ios-tam .text-ios-tam,
.card-ios-tam .card-header-ios-tam,
.card-ios-tam .card-title-ios-tam,
.card-ios-tam .card-content-ios-tam {
  color: #CC0400;
}

.card-header-ios-tam,
.card-title-ios-tam,
.card-content-ios-tam {
  color: #CC0400;
}

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

.card-md-primary {
  color: #fff;
  background-color: #F68A22;
}

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

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

.card-md-primary .text-md-danger-low,
.card-md-primary .card-header-md-danger-low,
.card-md-primary .card-title-md-danger-low,
.card-md-primary .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-primary .text-md-light,
.card-md-primary .card-header-md-light,
.card-md-primary .card-title-md-light,
.card-md-primary .card-content-md-light {
  color: #f4f4f4;
}

.card-md-primary .text-md-dark,
.card-md-primary .card-header-md-dark,
.card-md-primary .card-title-md-dark,
.card-md-primary .card-content-md-dark {
  color: #222;
}

.card-md-primary .text-md-favorite,
.card-md-primary .card-header-md-favorite,
.card-md-primary .card-title-md-favorite,
.card-md-primary .card-content-md-favorite {
  color: #39B44A;
}

.card-md-primary .text-md-darkgrey,
.card-md-primary .card-header-md-darkgrey,
.card-md-primary .card-title-md-darkgrey,
.card-md-primary .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-primary .text-md-emerald,
.card-md-primary .card-header-md-emerald,
.card-md-primary .card-title-md-emerald,
.card-md-primary .card-content-md-emerald {
  color: #3498db;
}

.card-md-primary .text-md-concrete,
.card-md-primary .card-header-md-concrete,
.card-md-primary .card-title-md-concrete,
.card-md-primary .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-primary .text-md-yellow,
.card-md-primary .card-header-md-yellow,
.card-md-primary .card-title-md-yellow,
.card-md-primary .card-content-md-yellow {
  color: #ffff00;
}

.card-md-primary .text-md-black,
.card-md-primary .card-header-md-black,
.card-md-primary .card-title-md-black,
.card-md-primary .card-content-md-black {
  color: #000000;
}

.card-md-primary .text-md-grey,
.card-md-primary .card-header-md-grey,
.card-md-primary .card-title-md-grey,
.card-md-primary .card-content-md-grey {
  color: #808080;
}

.card-md-primary .text-md-red,
.card-md-primary .card-header-md-red,
.card-md-primary .card-title-md-red,
.card-md-primary .card-content-md-red {
  color: #ed4956;
}

.card-md-primary .text-md-notif,
.card-md-primary .card-header-md-notif,
.card-md-primary .card-title-md-notif,
.card-md-primary .card-content-md-notif {
  color: #17DFC4;
}

.card-md-primary .text-md-new-badge,
.card-md-primary .card-header-md-new-badge,
.card-md-primary .card-title-md-new-badge,
.card-md-primary .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-primary .text-md-accent,
.card-md-primary .card-header-md-accent,
.card-md-primary .card-title-md-accent,
.card-md-primary .card-content-md-accent {
  color: #63BEFB;
}

.card-md-primary .text-md-skeleton,
.card-md-primary .card-header-md-skeleton,
.card-md-primary .card-title-md-skeleton,
.card-md-primary .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-primary .text-md-outline,
.card-md-primary .card-header-md-outline,
.card-md-primary .card-title-md-outline,
.card-md-primary .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-primary .text-md-secondary-text,
.card-md-primary .card-header-md-secondary-text,
.card-md-primary .card-title-md-secondary-text,
.card-md-primary .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-primary .text-md-text,
.card-md-primary .card-header-md-text,
.card-md-primary .card-title-md-text,
.card-md-primary .card-content-md-text {
  color: #192528;
}

.card-md-primary .text-md-label,
.card-md-primary .card-header-md-label,
.card-md-primary .card-title-md-label,
.card-md-primary .card-content-md-label {
  color: #333333;
}

.card-md-primary .text-md-hover,
.card-md-primary .card-header-md-hover,
.card-md-primary .card-title-md-hover,
.card-md-primary .card-content-md-hover {
  color: #eff2f4;
}

.card-md-primary .text-md-hover-dark,
.card-md-primary .card-header-md-hover-dark,
.card-md-primary .card-title-md-hover-dark,
.card-md-primary .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-primary .text-md-bgcard,
.card-md-primary .card-header-md-bgcard,
.card-md-primary .card-title-md-bgcard,
.card-md-primary .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-primary .text-md-bgcard2,
.card-md-primary .card-header-md-bgcard2,
.card-md-primary .card-title-md-bgcard2,
.card-md-primary .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-primary .text-md-bglabel,
.card-md-primary .card-header-md-bglabel,
.card-md-primary .card-title-md-bglabel,
.card-md-primary .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-primary .text-md-primary-light,
.card-md-primary .card-header-md-primary-light,
.card-md-primary .card-title-md-primary-light,
.card-md-primary .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-primary .text-md-bgicon,
.card-md-primary .card-header-md-bgicon,
.card-md-primary .card-title-md-bgicon,
.card-md-primary .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-primary .text-md-primary-text,
.card-md-primary .card-header-md-primary-text,
.card-md-primary .card-title-md-primary-text,
.card-md-primary .card-content-md-primary-text {
  color: #189dae;
}

.card-md-primary .text-md-white,
.card-md-primary .card-header-md-white,
.card-md-primary .card-title-md-white,
.card-md-primary .card-content-md-white {
  color: #FFFFFF;
}

.card-md-primary .text-md-success,
.card-md-primary .card-header-md-success,
.card-md-primary .card-title-md-success,
.card-md-primary .card-content-md-success {
  color: #2BB34D;
}

.card-md-primary .text-md-info,
.card-md-primary .card-header-md-info,
.card-md-primary .card-title-md-info,
.card-md-primary .card-content-md-info {
  color: #1A73E8;
}

.card-md-primary .text-md-warning,
.card-md-primary .card-header-md-warning,
.card-md-primary .card-title-md-warning,
.card-md-primary .card-content-md-warning {
  color: #FFAB00;
}

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

.card-md-primary .text-md-tam,
.card-md-primary .card-header-md-tam,
.card-md-primary .card-title-md-tam,
.card-md-primary .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-primary,
.card-title-md-primary,
.card-content-md-primary {
  color: #F68A22;
}

.card-md .text-md-secondary {
  color: #63BEFB;
}

.card-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

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

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

.card-md-secondary .text-md-danger-low,
.card-md-secondary .card-header-md-danger-low,
.card-md-secondary .card-title-md-danger-low,
.card-md-secondary .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-secondary .text-md-light,
.card-md-secondary .card-header-md-light,
.card-md-secondary .card-title-md-light,
.card-md-secondary .card-content-md-light {
  color: #f4f4f4;
}

.card-md-secondary .text-md-dark,
.card-md-secondary .card-header-md-dark,
.card-md-secondary .card-title-md-dark,
.card-md-secondary .card-content-md-dark {
  color: #222;
}

.card-md-secondary .text-md-favorite,
.card-md-secondary .card-header-md-favorite,
.card-md-secondary .card-title-md-favorite,
.card-md-secondary .card-content-md-favorite {
  color: #39B44A;
}

.card-md-secondary .text-md-darkgrey,
.card-md-secondary .card-header-md-darkgrey,
.card-md-secondary .card-title-md-darkgrey,
.card-md-secondary .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-secondary .text-md-emerald,
.card-md-secondary .card-header-md-emerald,
.card-md-secondary .card-title-md-emerald,
.card-md-secondary .card-content-md-emerald {
  color: #3498db;
}

.card-md-secondary .text-md-concrete,
.card-md-secondary .card-header-md-concrete,
.card-md-secondary .card-title-md-concrete,
.card-md-secondary .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-secondary .text-md-yellow,
.card-md-secondary .card-header-md-yellow,
.card-md-secondary .card-title-md-yellow,
.card-md-secondary .card-content-md-yellow {
  color: #ffff00;
}

.card-md-secondary .text-md-black,
.card-md-secondary .card-header-md-black,
.card-md-secondary .card-title-md-black,
.card-md-secondary .card-content-md-black {
  color: #000000;
}

.card-md-secondary .text-md-grey,
.card-md-secondary .card-header-md-grey,
.card-md-secondary .card-title-md-grey,
.card-md-secondary .card-content-md-grey {
  color: #808080;
}

.card-md-secondary .text-md-red,
.card-md-secondary .card-header-md-red,
.card-md-secondary .card-title-md-red,
.card-md-secondary .card-content-md-red {
  color: #ed4956;
}

.card-md-secondary .text-md-notif,
.card-md-secondary .card-header-md-notif,
.card-md-secondary .card-title-md-notif,
.card-md-secondary .card-content-md-notif {
  color: #17DFC4;
}

.card-md-secondary .text-md-new-badge,
.card-md-secondary .card-header-md-new-badge,
.card-md-secondary .card-title-md-new-badge,
.card-md-secondary .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-secondary .text-md-accent,
.card-md-secondary .card-header-md-accent,
.card-md-secondary .card-title-md-accent,
.card-md-secondary .card-content-md-accent {
  color: #63BEFB;
}

.card-md-secondary .text-md-skeleton,
.card-md-secondary .card-header-md-skeleton,
.card-md-secondary .card-title-md-skeleton,
.card-md-secondary .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-secondary .text-md-outline,
.card-md-secondary .card-header-md-outline,
.card-md-secondary .card-title-md-outline,
.card-md-secondary .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-secondary .text-md-secondary-text,
.card-md-secondary .card-header-md-secondary-text,
.card-md-secondary .card-title-md-secondary-text,
.card-md-secondary .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-secondary .text-md-text,
.card-md-secondary .card-header-md-text,
.card-md-secondary .card-title-md-text,
.card-md-secondary .card-content-md-text {
  color: #192528;
}

.card-md-secondary .text-md-label,
.card-md-secondary .card-header-md-label,
.card-md-secondary .card-title-md-label,
.card-md-secondary .card-content-md-label {
  color: #333333;
}

.card-md-secondary .text-md-hover,
.card-md-secondary .card-header-md-hover,
.card-md-secondary .card-title-md-hover,
.card-md-secondary .card-content-md-hover {
  color: #eff2f4;
}

.card-md-secondary .text-md-hover-dark,
.card-md-secondary .card-header-md-hover-dark,
.card-md-secondary .card-title-md-hover-dark,
.card-md-secondary .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-secondary .text-md-bgcard,
.card-md-secondary .card-header-md-bgcard,
.card-md-secondary .card-title-md-bgcard,
.card-md-secondary .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-secondary .text-md-bgcard2,
.card-md-secondary .card-header-md-bgcard2,
.card-md-secondary .card-title-md-bgcard2,
.card-md-secondary .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-secondary .text-md-bglabel,
.card-md-secondary .card-header-md-bglabel,
.card-md-secondary .card-title-md-bglabel,
.card-md-secondary .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-secondary .text-md-primary-light,
.card-md-secondary .card-header-md-primary-light,
.card-md-secondary .card-title-md-primary-light,
.card-md-secondary .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-secondary .text-md-bgicon,
.card-md-secondary .card-header-md-bgicon,
.card-md-secondary .card-title-md-bgicon,
.card-md-secondary .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-secondary .text-md-primary-text,
.card-md-secondary .card-header-md-primary-text,
.card-md-secondary .card-title-md-primary-text,
.card-md-secondary .card-content-md-primary-text {
  color: #189dae;
}

.card-md-secondary .text-md-white,
.card-md-secondary .card-header-md-white,
.card-md-secondary .card-title-md-white,
.card-md-secondary .card-content-md-white {
  color: #FFFFFF;
}

.card-md-secondary .text-md-success,
.card-md-secondary .card-header-md-success,
.card-md-secondary .card-title-md-success,
.card-md-secondary .card-content-md-success {
  color: #2BB34D;
}

.card-md-secondary .text-md-info,
.card-md-secondary .card-header-md-info,
.card-md-secondary .card-title-md-info,
.card-md-secondary .card-content-md-info {
  color: #1A73E8;
}

.card-md-secondary .text-md-warning,
.card-md-secondary .card-header-md-warning,
.card-md-secondary .card-title-md-warning,
.card-md-secondary .card-content-md-warning {
  color: #FFAB00;
}

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

.card-md-secondary .text-md-tam,
.card-md-secondary .card-header-md-tam,
.card-md-secondary .card-title-md-tam,
.card-md-secondary .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-secondary,
.card-title-md-secondary,
.card-content-md-secondary {
  color: #63BEFB;
}

.card-md .text-md-danger-low {
  color: #fb745e;
}

.card-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.card-md-danger-low .card-header-md,
.card-md-danger-low .card-title-md,
.card-md-danger-low .card-content-md,
.card-md-danger-low h1,
.card-md-danger-low h2,
.card-md-danger-low h3,
.card-md-danger-low h4,
.card-md-danger-low h5,
.card-md-danger-low h6,
.card-md-danger-low p {
  color: #fff;
}

.card-md-danger-low .text-md-primary,
.card-md-danger-low .card-header-md-primary,
.card-md-danger-low .card-title-md-primary,
.card-md-danger-low .card-content-md-primary {
  color: #F68A22;
}

.card-md-danger-low .text-md-secondary,
.card-md-danger-low .card-header-md-secondary,
.card-md-danger-low .card-title-md-secondary,
.card-md-danger-low .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-danger-low .text-md-danger-low,
.card-md-danger-low .card-header-md-danger-low,
.card-md-danger-low .card-title-md-danger-low,
.card-md-danger-low .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-danger-low .text-md-light,
.card-md-danger-low .card-header-md-light,
.card-md-danger-low .card-title-md-light,
.card-md-danger-low .card-content-md-light {
  color: #f4f4f4;
}

.card-md-danger-low .text-md-dark,
.card-md-danger-low .card-header-md-dark,
.card-md-danger-low .card-title-md-dark,
.card-md-danger-low .card-content-md-dark {
  color: #222;
}

.card-md-danger-low .text-md-favorite,
.card-md-danger-low .card-header-md-favorite,
.card-md-danger-low .card-title-md-favorite,
.card-md-danger-low .card-content-md-favorite {
  color: #39B44A;
}

.card-md-danger-low .text-md-darkgrey,
.card-md-danger-low .card-header-md-darkgrey,
.card-md-danger-low .card-title-md-darkgrey,
.card-md-danger-low .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-danger-low .text-md-emerald,
.card-md-danger-low .card-header-md-emerald,
.card-md-danger-low .card-title-md-emerald,
.card-md-danger-low .card-content-md-emerald {
  color: #3498db;
}

.card-md-danger-low .text-md-concrete,
.card-md-danger-low .card-header-md-concrete,
.card-md-danger-low .card-title-md-concrete,
.card-md-danger-low .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-danger-low .text-md-yellow,
.card-md-danger-low .card-header-md-yellow,
.card-md-danger-low .card-title-md-yellow,
.card-md-danger-low .card-content-md-yellow {
  color: #ffff00;
}

.card-md-danger-low .text-md-black,
.card-md-danger-low .card-header-md-black,
.card-md-danger-low .card-title-md-black,
.card-md-danger-low .card-content-md-black {
  color: #000000;
}

.card-md-danger-low .text-md-grey,
.card-md-danger-low .card-header-md-grey,
.card-md-danger-low .card-title-md-grey,
.card-md-danger-low .card-content-md-grey {
  color: #808080;
}

.card-md-danger-low .text-md-red,
.card-md-danger-low .card-header-md-red,
.card-md-danger-low .card-title-md-red,
.card-md-danger-low .card-content-md-red {
  color: #ed4956;
}

.card-md-danger-low .text-md-notif,
.card-md-danger-low .card-header-md-notif,
.card-md-danger-low .card-title-md-notif,
.card-md-danger-low .card-content-md-notif {
  color: #17DFC4;
}

.card-md-danger-low .text-md-new-badge,
.card-md-danger-low .card-header-md-new-badge,
.card-md-danger-low .card-title-md-new-badge,
.card-md-danger-low .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-danger-low .text-md-accent,
.card-md-danger-low .card-header-md-accent,
.card-md-danger-low .card-title-md-accent,
.card-md-danger-low .card-content-md-accent {
  color: #63BEFB;
}

.card-md-danger-low .text-md-skeleton,
.card-md-danger-low .card-header-md-skeleton,
.card-md-danger-low .card-title-md-skeleton,
.card-md-danger-low .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-danger-low .text-md-outline,
.card-md-danger-low .card-header-md-outline,
.card-md-danger-low .card-title-md-outline,
.card-md-danger-low .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-danger-low .text-md-secondary-text,
.card-md-danger-low .card-header-md-secondary-text,
.card-md-danger-low .card-title-md-secondary-text,
.card-md-danger-low .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-danger-low .text-md-text,
.card-md-danger-low .card-header-md-text,
.card-md-danger-low .card-title-md-text,
.card-md-danger-low .card-content-md-text {
  color: #192528;
}

.card-md-danger-low .text-md-label,
.card-md-danger-low .card-header-md-label,
.card-md-danger-low .card-title-md-label,
.card-md-danger-low .card-content-md-label {
  color: #333333;
}

.card-md-danger-low .text-md-hover,
.card-md-danger-low .card-header-md-hover,
.card-md-danger-low .card-title-md-hover,
.card-md-danger-low .card-content-md-hover {
  color: #eff2f4;
}

.card-md-danger-low .text-md-hover-dark,
.card-md-danger-low .card-header-md-hover-dark,
.card-md-danger-low .card-title-md-hover-dark,
.card-md-danger-low .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-danger-low .text-md-bgcard,
.card-md-danger-low .card-header-md-bgcard,
.card-md-danger-low .card-title-md-bgcard,
.card-md-danger-low .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-danger-low .text-md-bgcard2,
.card-md-danger-low .card-header-md-bgcard2,
.card-md-danger-low .card-title-md-bgcard2,
.card-md-danger-low .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-danger-low .text-md-bglabel,
.card-md-danger-low .card-header-md-bglabel,
.card-md-danger-low .card-title-md-bglabel,
.card-md-danger-low .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-danger-low .text-md-primary-light,
.card-md-danger-low .card-header-md-primary-light,
.card-md-danger-low .card-title-md-primary-light,
.card-md-danger-low .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-danger-low .text-md-bgicon,
.card-md-danger-low .card-header-md-bgicon,
.card-md-danger-low .card-title-md-bgicon,
.card-md-danger-low .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-danger-low .text-md-primary-text,
.card-md-danger-low .card-header-md-primary-text,
.card-md-danger-low .card-title-md-primary-text,
.card-md-danger-low .card-content-md-primary-text {
  color: #189dae;
}

.card-md-danger-low .text-md-white,
.card-md-danger-low .card-header-md-white,
.card-md-danger-low .card-title-md-white,
.card-md-danger-low .card-content-md-white {
  color: #FFFFFF;
}

.card-md-danger-low .text-md-success,
.card-md-danger-low .card-header-md-success,
.card-md-danger-low .card-title-md-success,
.card-md-danger-low .card-content-md-success {
  color: #2BB34D;
}

.card-md-danger-low .text-md-info,
.card-md-danger-low .card-header-md-info,
.card-md-danger-low .card-title-md-info,
.card-md-danger-low .card-content-md-info {
  color: #1A73E8;
}

.card-md-danger-low .text-md-warning,
.card-md-danger-low .card-header-md-warning,
.card-md-danger-low .card-title-md-warning,
.card-md-danger-low .card-content-md-warning {
  color: #FFAB00;
}

.card-md-danger-low .text-md-danger,
.card-md-danger-low .card-header-md-danger,
.card-md-danger-low .card-title-md-danger,
.card-md-danger-low .card-content-md-danger {
  color: #F0624D;
}

.card-md-danger-low .text-md-tam,
.card-md-danger-low .card-header-md-tam,
.card-md-danger-low .card-title-md-tam,
.card-md-danger-low .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-danger-low,
.card-title-md-danger-low,
.card-content-md-danger-low {
  color: #fb745e;
}

.card-md .text-md-light {
  color: #f4f4f4;
}

.card-md-light {
  color: #000;
  background-color: #f4f4f4;
}

.card-md-light .card-header-md,
.card-md-light .card-title-md,
.card-md-light .card-content-md,
.card-md-light h1,
.card-md-light h2,
.card-md-light h3,
.card-md-light h4,
.card-md-light h5,
.card-md-light h6,
.card-md-light p {
  color: #000;
}

.card-md-light .text-md-primary,
.card-md-light .card-header-md-primary,
.card-md-light .card-title-md-primary,
.card-md-light .card-content-md-primary {
  color: #F68A22;
}

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

.card-md-light .text-md-danger-low,
.card-md-light .card-header-md-danger-low,
.card-md-light .card-title-md-danger-low,
.card-md-light .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-light .text-md-light,
.card-md-light .card-header-md-light,
.card-md-light .card-title-md-light,
.card-md-light .card-content-md-light {
  color: #f4f4f4;
}

.card-md-light .text-md-dark,
.card-md-light .card-header-md-dark,
.card-md-light .card-title-md-dark,
.card-md-light .card-content-md-dark {
  color: #222;
}

.card-md-light .text-md-favorite,
.card-md-light .card-header-md-favorite,
.card-md-light .card-title-md-favorite,
.card-md-light .card-content-md-favorite {
  color: #39B44A;
}

.card-md-light .text-md-darkgrey,
.card-md-light .card-header-md-darkgrey,
.card-md-light .card-title-md-darkgrey,
.card-md-light .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-light .text-md-emerald,
.card-md-light .card-header-md-emerald,
.card-md-light .card-title-md-emerald,
.card-md-light .card-content-md-emerald {
  color: #3498db;
}

.card-md-light .text-md-concrete,
.card-md-light .card-header-md-concrete,
.card-md-light .card-title-md-concrete,
.card-md-light .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-light .text-md-yellow,
.card-md-light .card-header-md-yellow,
.card-md-light .card-title-md-yellow,
.card-md-light .card-content-md-yellow {
  color: #ffff00;
}

.card-md-light .text-md-black,
.card-md-light .card-header-md-black,
.card-md-light .card-title-md-black,
.card-md-light .card-content-md-black {
  color: #000000;
}

.card-md-light .text-md-grey,
.card-md-light .card-header-md-grey,
.card-md-light .card-title-md-grey,
.card-md-light .card-content-md-grey {
  color: #808080;
}

.card-md-light .text-md-red,
.card-md-light .card-header-md-red,
.card-md-light .card-title-md-red,
.card-md-light .card-content-md-red {
  color: #ed4956;
}

.card-md-light .text-md-notif,
.card-md-light .card-header-md-notif,
.card-md-light .card-title-md-notif,
.card-md-light .card-content-md-notif {
  color: #17DFC4;
}

.card-md-light .text-md-new-badge,
.card-md-light .card-header-md-new-badge,
.card-md-light .card-title-md-new-badge,
.card-md-light .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-light .text-md-accent,
.card-md-light .card-header-md-accent,
.card-md-light .card-title-md-accent,
.card-md-light .card-content-md-accent {
  color: #63BEFB;
}

.card-md-light .text-md-skeleton,
.card-md-light .card-header-md-skeleton,
.card-md-light .card-title-md-skeleton,
.card-md-light .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-light .text-md-outline,
.card-md-light .card-header-md-outline,
.card-md-light .card-title-md-outline,
.card-md-light .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-light .text-md-secondary-text,
.card-md-light .card-header-md-secondary-text,
.card-md-light .card-title-md-secondary-text,
.card-md-light .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-light .text-md-text,
.card-md-light .card-header-md-text,
.card-md-light .card-title-md-text,
.card-md-light .card-content-md-text {
  color: #192528;
}

.card-md-light .text-md-label,
.card-md-light .card-header-md-label,
.card-md-light .card-title-md-label,
.card-md-light .card-content-md-label {
  color: #333333;
}

.card-md-light .text-md-hover,
.card-md-light .card-header-md-hover,
.card-md-light .card-title-md-hover,
.card-md-light .card-content-md-hover {
  color: #eff2f4;
}

.card-md-light .text-md-hover-dark,
.card-md-light .card-header-md-hover-dark,
.card-md-light .card-title-md-hover-dark,
.card-md-light .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-light .text-md-bgcard,
.card-md-light .card-header-md-bgcard,
.card-md-light .card-title-md-bgcard,
.card-md-light .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-light .text-md-bgcard2,
.card-md-light .card-header-md-bgcard2,
.card-md-light .card-title-md-bgcard2,
.card-md-light .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-light .text-md-bglabel,
.card-md-light .card-header-md-bglabel,
.card-md-light .card-title-md-bglabel,
.card-md-light .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-light .text-md-primary-light,
.card-md-light .card-header-md-primary-light,
.card-md-light .card-title-md-primary-light,
.card-md-light .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-light .text-md-bgicon,
.card-md-light .card-header-md-bgicon,
.card-md-light .card-title-md-bgicon,
.card-md-light .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-light .text-md-primary-text,
.card-md-light .card-header-md-primary-text,
.card-md-light .card-title-md-primary-text,
.card-md-light .card-content-md-primary-text {
  color: #189dae;
}

.card-md-light .text-md-white,
.card-md-light .card-header-md-white,
.card-md-light .card-title-md-white,
.card-md-light .card-content-md-white {
  color: #FFFFFF;
}

.card-md-light .text-md-success,
.card-md-light .card-header-md-success,
.card-md-light .card-title-md-success,
.card-md-light .card-content-md-success {
  color: #2BB34D;
}

.card-md-light .text-md-info,
.card-md-light .card-header-md-info,
.card-md-light .card-title-md-info,
.card-md-light .card-content-md-info {
  color: #1A73E8;
}

.card-md-light .text-md-warning,
.card-md-light .card-header-md-warning,
.card-md-light .card-title-md-warning,
.card-md-light .card-content-md-warning {
  color: #FFAB00;
}

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

.card-md-light .text-md-tam,
.card-md-light .card-header-md-tam,
.card-md-light .card-title-md-tam,
.card-md-light .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-light,
.card-title-md-light,
.card-content-md-light {
  color: #f4f4f4;
}

.card-md .text-md-dark {
  color: #222;
}

.card-md-dark {
  color: #fff;
  background-color: #222;
}

.card-md-dark .card-header-md,
.card-md-dark .card-title-md,
.card-md-dark .card-content-md,
.card-md-dark h1,
.card-md-dark h2,
.card-md-dark h3,
.card-md-dark h4,
.card-md-dark h5,
.card-md-dark h6,
.card-md-dark p {
  color: #fff;
}

.card-md-dark .text-md-primary,
.card-md-dark .card-header-md-primary,
.card-md-dark .card-title-md-primary,
.card-md-dark .card-content-md-primary {
  color: #F68A22;
}

.card-md-dark .text-md-secondary,
.card-md-dark .card-header-md-secondary,
.card-md-dark .card-title-md-secondary,
.card-md-dark .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-dark .text-md-danger-low,
.card-md-dark .card-header-md-danger-low,
.card-md-dark .card-title-md-danger-low,
.card-md-dark .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-dark .text-md-light,
.card-md-dark .card-header-md-light,
.card-md-dark .card-title-md-light,
.card-md-dark .card-content-md-light {
  color: #f4f4f4;
}

.card-md-dark .text-md-dark,
.card-md-dark .card-header-md-dark,
.card-md-dark .card-title-md-dark,
.card-md-dark .card-content-md-dark {
  color: #222;
}

.card-md-dark .text-md-favorite,
.card-md-dark .card-header-md-favorite,
.card-md-dark .card-title-md-favorite,
.card-md-dark .card-content-md-favorite {
  color: #39B44A;
}

.card-md-dark .text-md-darkgrey,
.card-md-dark .card-header-md-darkgrey,
.card-md-dark .card-title-md-darkgrey,
.card-md-dark .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-dark .text-md-emerald,
.card-md-dark .card-header-md-emerald,
.card-md-dark .card-title-md-emerald,
.card-md-dark .card-content-md-emerald {
  color: #3498db;
}

.card-md-dark .text-md-concrete,
.card-md-dark .card-header-md-concrete,
.card-md-dark .card-title-md-concrete,
.card-md-dark .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-dark .text-md-yellow,
.card-md-dark .card-header-md-yellow,
.card-md-dark .card-title-md-yellow,
.card-md-dark .card-content-md-yellow {
  color: #ffff00;
}

.card-md-dark .text-md-black,
.card-md-dark .card-header-md-black,
.card-md-dark .card-title-md-black,
.card-md-dark .card-content-md-black {
  color: #000000;
}

.card-md-dark .text-md-grey,
.card-md-dark .card-header-md-grey,
.card-md-dark .card-title-md-grey,
.card-md-dark .card-content-md-grey {
  color: #808080;
}

.card-md-dark .text-md-red,
.card-md-dark .card-header-md-red,
.card-md-dark .card-title-md-red,
.card-md-dark .card-content-md-red {
  color: #ed4956;
}

.card-md-dark .text-md-notif,
.card-md-dark .card-header-md-notif,
.card-md-dark .card-title-md-notif,
.card-md-dark .card-content-md-notif {
  color: #17DFC4;
}

.card-md-dark .text-md-new-badge,
.card-md-dark .card-header-md-new-badge,
.card-md-dark .card-title-md-new-badge,
.card-md-dark .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-dark .text-md-accent,
.card-md-dark .card-header-md-accent,
.card-md-dark .card-title-md-accent,
.card-md-dark .card-content-md-accent {
  color: #63BEFB;
}

.card-md-dark .text-md-skeleton,
.card-md-dark .card-header-md-skeleton,
.card-md-dark .card-title-md-skeleton,
.card-md-dark .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-dark .text-md-outline,
.card-md-dark .card-header-md-outline,
.card-md-dark .card-title-md-outline,
.card-md-dark .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-dark .text-md-secondary-text,
.card-md-dark .card-header-md-secondary-text,
.card-md-dark .card-title-md-secondary-text,
.card-md-dark .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-dark .text-md-text,
.card-md-dark .card-header-md-text,
.card-md-dark .card-title-md-text,
.card-md-dark .card-content-md-text {
  color: #192528;
}

.card-md-dark .text-md-label,
.card-md-dark .card-header-md-label,
.card-md-dark .card-title-md-label,
.card-md-dark .card-content-md-label {
  color: #333333;
}

.card-md-dark .text-md-hover,
.card-md-dark .card-header-md-hover,
.card-md-dark .card-title-md-hover,
.card-md-dark .card-content-md-hover {
  color: #eff2f4;
}

.card-md-dark .text-md-hover-dark,
.card-md-dark .card-header-md-hover-dark,
.card-md-dark .card-title-md-hover-dark,
.card-md-dark .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-dark .text-md-bgcard,
.card-md-dark .card-header-md-bgcard,
.card-md-dark .card-title-md-bgcard,
.card-md-dark .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-dark .text-md-bgcard2,
.card-md-dark .card-header-md-bgcard2,
.card-md-dark .card-title-md-bgcard2,
.card-md-dark .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-dark .text-md-bglabel,
.card-md-dark .card-header-md-bglabel,
.card-md-dark .card-title-md-bglabel,
.card-md-dark .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-dark .text-md-primary-light,
.card-md-dark .card-header-md-primary-light,
.card-md-dark .card-title-md-primary-light,
.card-md-dark .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-dark .text-md-bgicon,
.card-md-dark .card-header-md-bgicon,
.card-md-dark .card-title-md-bgicon,
.card-md-dark .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-dark .text-md-primary-text,
.card-md-dark .card-header-md-primary-text,
.card-md-dark .card-title-md-primary-text,
.card-md-dark .card-content-md-primary-text {
  color: #189dae;
}

.card-md-dark .text-md-white,
.card-md-dark .card-header-md-white,
.card-md-dark .card-title-md-white,
.card-md-dark .card-content-md-white {
  color: #FFFFFF;
}

.card-md-dark .text-md-success,
.card-md-dark .card-header-md-success,
.card-md-dark .card-title-md-success,
.card-md-dark .card-content-md-success {
  color: #2BB34D;
}

.card-md-dark .text-md-info,
.card-md-dark .card-header-md-info,
.card-md-dark .card-title-md-info,
.card-md-dark .card-content-md-info {
  color: #1A73E8;
}

.card-md-dark .text-md-warning,
.card-md-dark .card-header-md-warning,
.card-md-dark .card-title-md-warning,
.card-md-dark .card-content-md-warning {
  color: #FFAB00;
}

.card-md-dark .text-md-danger,
.card-md-dark .card-header-md-danger,
.card-md-dark .card-title-md-danger,
.card-md-dark .card-content-md-danger {
  color: #F0624D;
}

.card-md-dark .text-md-tam,
.card-md-dark .card-header-md-tam,
.card-md-dark .card-title-md-tam,
.card-md-dark .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-dark,
.card-title-md-dark,
.card-content-md-dark {
  color: #222;
}

.card-md .text-md-favorite {
  color: #39B44A;
}

.card-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.card-md-favorite .card-header-md,
.card-md-favorite .card-title-md,
.card-md-favorite .card-content-md,
.card-md-favorite h1,
.card-md-favorite h2,
.card-md-favorite h3,
.card-md-favorite h4,
.card-md-favorite h5,
.card-md-favorite h6,
.card-md-favorite p {
  color: #fff;
}

.card-md-favorite .text-md-primary,
.card-md-favorite .card-header-md-primary,
.card-md-favorite .card-title-md-primary,
.card-md-favorite .card-content-md-primary {
  color: #F68A22;
}

.card-md-favorite .text-md-secondary,
.card-md-favorite .card-header-md-secondary,
.card-md-favorite .card-title-md-secondary,
.card-md-favorite .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-favorite .text-md-danger-low,
.card-md-favorite .card-header-md-danger-low,
.card-md-favorite .card-title-md-danger-low,
.card-md-favorite .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-favorite .text-md-light,
.card-md-favorite .card-header-md-light,
.card-md-favorite .card-title-md-light,
.card-md-favorite .card-content-md-light {
  color: #f4f4f4;
}

.card-md-favorite .text-md-dark,
.card-md-favorite .card-header-md-dark,
.card-md-favorite .card-title-md-dark,
.card-md-favorite .card-content-md-dark {
  color: #222;
}

.card-md-favorite .text-md-favorite,
.card-md-favorite .card-header-md-favorite,
.card-md-favorite .card-title-md-favorite,
.card-md-favorite .card-content-md-favorite {
  color: #39B44A;
}

.card-md-favorite .text-md-darkgrey,
.card-md-favorite .card-header-md-darkgrey,
.card-md-favorite .card-title-md-darkgrey,
.card-md-favorite .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-favorite .text-md-emerald,
.card-md-favorite .card-header-md-emerald,
.card-md-favorite .card-title-md-emerald,
.card-md-favorite .card-content-md-emerald {
  color: #3498db;
}

.card-md-favorite .text-md-concrete,
.card-md-favorite .card-header-md-concrete,
.card-md-favorite .card-title-md-concrete,
.card-md-favorite .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-favorite .text-md-yellow,
.card-md-favorite .card-header-md-yellow,
.card-md-favorite .card-title-md-yellow,
.card-md-favorite .card-content-md-yellow {
  color: #ffff00;
}

.card-md-favorite .text-md-black,
.card-md-favorite .card-header-md-black,
.card-md-favorite .card-title-md-black,
.card-md-favorite .card-content-md-black {
  color: #000000;
}

.card-md-favorite .text-md-grey,
.card-md-favorite .card-header-md-grey,
.card-md-favorite .card-title-md-grey,
.card-md-favorite .card-content-md-grey {
  color: #808080;
}

.card-md-favorite .text-md-red,
.card-md-favorite .card-header-md-red,
.card-md-favorite .card-title-md-red,
.card-md-favorite .card-content-md-red {
  color: #ed4956;
}

.card-md-favorite .text-md-notif,
.card-md-favorite .card-header-md-notif,
.card-md-favorite .card-title-md-notif,
.card-md-favorite .card-content-md-notif {
  color: #17DFC4;
}

.card-md-favorite .text-md-new-badge,
.card-md-favorite .card-header-md-new-badge,
.card-md-favorite .card-title-md-new-badge,
.card-md-favorite .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-favorite .text-md-accent,
.card-md-favorite .card-header-md-accent,
.card-md-favorite .card-title-md-accent,
.card-md-favorite .card-content-md-accent {
  color: #63BEFB;
}

.card-md-favorite .text-md-skeleton,
.card-md-favorite .card-header-md-skeleton,
.card-md-favorite .card-title-md-skeleton,
.card-md-favorite .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-favorite .text-md-outline,
.card-md-favorite .card-header-md-outline,
.card-md-favorite .card-title-md-outline,
.card-md-favorite .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-favorite .text-md-secondary-text,
.card-md-favorite .card-header-md-secondary-text,
.card-md-favorite .card-title-md-secondary-text,
.card-md-favorite .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-favorite .text-md-text,
.card-md-favorite .card-header-md-text,
.card-md-favorite .card-title-md-text,
.card-md-favorite .card-content-md-text {
  color: #192528;
}

.card-md-favorite .text-md-label,
.card-md-favorite .card-header-md-label,
.card-md-favorite .card-title-md-label,
.card-md-favorite .card-content-md-label {
  color: #333333;
}

.card-md-favorite .text-md-hover,
.card-md-favorite .card-header-md-hover,
.card-md-favorite .card-title-md-hover,
.card-md-favorite .card-content-md-hover {
  color: #eff2f4;
}

.card-md-favorite .text-md-hover-dark,
.card-md-favorite .card-header-md-hover-dark,
.card-md-favorite .card-title-md-hover-dark,
.card-md-favorite .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-favorite .text-md-bgcard,
.card-md-favorite .card-header-md-bgcard,
.card-md-favorite .card-title-md-bgcard,
.card-md-favorite .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-favorite .text-md-bgcard2,
.card-md-favorite .card-header-md-bgcard2,
.card-md-favorite .card-title-md-bgcard2,
.card-md-favorite .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-favorite .text-md-bglabel,
.card-md-favorite .card-header-md-bglabel,
.card-md-favorite .card-title-md-bglabel,
.card-md-favorite .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-favorite .text-md-primary-light,
.card-md-favorite .card-header-md-primary-light,
.card-md-favorite .card-title-md-primary-light,
.card-md-favorite .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-favorite .text-md-bgicon,
.card-md-favorite .card-header-md-bgicon,
.card-md-favorite .card-title-md-bgicon,
.card-md-favorite .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-favorite .text-md-primary-text,
.card-md-favorite .card-header-md-primary-text,
.card-md-favorite .card-title-md-primary-text,
.card-md-favorite .card-content-md-primary-text {
  color: #189dae;
}

.card-md-favorite .text-md-white,
.card-md-favorite .card-header-md-white,
.card-md-favorite .card-title-md-white,
.card-md-favorite .card-content-md-white {
  color: #FFFFFF;
}

.card-md-favorite .text-md-success,
.card-md-favorite .card-header-md-success,
.card-md-favorite .card-title-md-success,
.card-md-favorite .card-content-md-success {
  color: #2BB34D;
}

.card-md-favorite .text-md-info,
.card-md-favorite .card-header-md-info,
.card-md-favorite .card-title-md-info,
.card-md-favorite .card-content-md-info {
  color: #1A73E8;
}

.card-md-favorite .text-md-warning,
.card-md-favorite .card-header-md-warning,
.card-md-favorite .card-title-md-warning,
.card-md-favorite .card-content-md-warning {
  color: #FFAB00;
}

.card-md-favorite .text-md-danger,
.card-md-favorite .card-header-md-danger,
.card-md-favorite .card-title-md-danger,
.card-md-favorite .card-content-md-danger {
  color: #F0624D;
}

.card-md-favorite .text-md-tam,
.card-md-favorite .card-header-md-tam,
.card-md-favorite .card-title-md-tam,
.card-md-favorite .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-favorite,
.card-title-md-favorite,
.card-content-md-favorite {
  color: #39B44A;
}

.card-md .text-md-darkgrey {
  color: #8e9093;
}

.card-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.card-md-darkgrey .card-header-md,
.card-md-darkgrey .card-title-md,
.card-md-darkgrey .card-content-md,
.card-md-darkgrey h1,
.card-md-darkgrey h2,
.card-md-darkgrey h3,
.card-md-darkgrey h4,
.card-md-darkgrey h5,
.card-md-darkgrey h6,
.card-md-darkgrey p {
  color: #fff;
}

.card-md-darkgrey .text-md-primary,
.card-md-darkgrey .card-header-md-primary,
.card-md-darkgrey .card-title-md-primary,
.card-md-darkgrey .card-content-md-primary {
  color: #F68A22;
}

.card-md-darkgrey .text-md-secondary,
.card-md-darkgrey .card-header-md-secondary,
.card-md-darkgrey .card-title-md-secondary,
.card-md-darkgrey .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-darkgrey .text-md-danger-low,
.card-md-darkgrey .card-header-md-danger-low,
.card-md-darkgrey .card-title-md-danger-low,
.card-md-darkgrey .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-darkgrey .text-md-light,
.card-md-darkgrey .card-header-md-light,
.card-md-darkgrey .card-title-md-light,
.card-md-darkgrey .card-content-md-light {
  color: #f4f4f4;
}

.card-md-darkgrey .text-md-dark,
.card-md-darkgrey .card-header-md-dark,
.card-md-darkgrey .card-title-md-dark,
.card-md-darkgrey .card-content-md-dark {
  color: #222;
}

.card-md-darkgrey .text-md-favorite,
.card-md-darkgrey .card-header-md-favorite,
.card-md-darkgrey .card-title-md-favorite,
.card-md-darkgrey .card-content-md-favorite {
  color: #39B44A;
}

.card-md-darkgrey .text-md-darkgrey,
.card-md-darkgrey .card-header-md-darkgrey,
.card-md-darkgrey .card-title-md-darkgrey,
.card-md-darkgrey .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-darkgrey .text-md-emerald,
.card-md-darkgrey .card-header-md-emerald,
.card-md-darkgrey .card-title-md-emerald,
.card-md-darkgrey .card-content-md-emerald {
  color: #3498db;
}

.card-md-darkgrey .text-md-concrete,
.card-md-darkgrey .card-header-md-concrete,
.card-md-darkgrey .card-title-md-concrete,
.card-md-darkgrey .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-darkgrey .text-md-yellow,
.card-md-darkgrey .card-header-md-yellow,
.card-md-darkgrey .card-title-md-yellow,
.card-md-darkgrey .card-content-md-yellow {
  color: #ffff00;
}

.card-md-darkgrey .text-md-black,
.card-md-darkgrey .card-header-md-black,
.card-md-darkgrey .card-title-md-black,
.card-md-darkgrey .card-content-md-black {
  color: #000000;
}

.card-md-darkgrey .text-md-grey,
.card-md-darkgrey .card-header-md-grey,
.card-md-darkgrey .card-title-md-grey,
.card-md-darkgrey .card-content-md-grey {
  color: #808080;
}

.card-md-darkgrey .text-md-red,
.card-md-darkgrey .card-header-md-red,
.card-md-darkgrey .card-title-md-red,
.card-md-darkgrey .card-content-md-red {
  color: #ed4956;
}

.card-md-darkgrey .text-md-notif,
.card-md-darkgrey .card-header-md-notif,
.card-md-darkgrey .card-title-md-notif,
.card-md-darkgrey .card-content-md-notif {
  color: #17DFC4;
}

.card-md-darkgrey .text-md-new-badge,
.card-md-darkgrey .card-header-md-new-badge,
.card-md-darkgrey .card-title-md-new-badge,
.card-md-darkgrey .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-darkgrey .text-md-accent,
.card-md-darkgrey .card-header-md-accent,
.card-md-darkgrey .card-title-md-accent,
.card-md-darkgrey .card-content-md-accent {
  color: #63BEFB;
}

.card-md-darkgrey .text-md-skeleton,
.card-md-darkgrey .card-header-md-skeleton,
.card-md-darkgrey .card-title-md-skeleton,
.card-md-darkgrey .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-darkgrey .text-md-outline,
.card-md-darkgrey .card-header-md-outline,
.card-md-darkgrey .card-title-md-outline,
.card-md-darkgrey .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-darkgrey .text-md-secondary-text,
.card-md-darkgrey .card-header-md-secondary-text,
.card-md-darkgrey .card-title-md-secondary-text,
.card-md-darkgrey .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-darkgrey .text-md-text,
.card-md-darkgrey .card-header-md-text,
.card-md-darkgrey .card-title-md-text,
.card-md-darkgrey .card-content-md-text {
  color: #192528;
}

.card-md-darkgrey .text-md-label,
.card-md-darkgrey .card-header-md-label,
.card-md-darkgrey .card-title-md-label,
.card-md-darkgrey .card-content-md-label {
  color: #333333;
}

.card-md-darkgrey .text-md-hover,
.card-md-darkgrey .card-header-md-hover,
.card-md-darkgrey .card-title-md-hover,
.card-md-darkgrey .card-content-md-hover {
  color: #eff2f4;
}

.card-md-darkgrey .text-md-hover-dark,
.card-md-darkgrey .card-header-md-hover-dark,
.card-md-darkgrey .card-title-md-hover-dark,
.card-md-darkgrey .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-darkgrey .text-md-bgcard,
.card-md-darkgrey .card-header-md-bgcard,
.card-md-darkgrey .card-title-md-bgcard,
.card-md-darkgrey .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-darkgrey .text-md-bgcard2,
.card-md-darkgrey .card-header-md-bgcard2,
.card-md-darkgrey .card-title-md-bgcard2,
.card-md-darkgrey .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-darkgrey .text-md-bglabel,
.card-md-darkgrey .card-header-md-bglabel,
.card-md-darkgrey .card-title-md-bglabel,
.card-md-darkgrey .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-darkgrey .text-md-primary-light,
.card-md-darkgrey .card-header-md-primary-light,
.card-md-darkgrey .card-title-md-primary-light,
.card-md-darkgrey .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-darkgrey .text-md-bgicon,
.card-md-darkgrey .card-header-md-bgicon,
.card-md-darkgrey .card-title-md-bgicon,
.card-md-darkgrey .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-darkgrey .text-md-primary-text,
.card-md-darkgrey .card-header-md-primary-text,
.card-md-darkgrey .card-title-md-primary-text,
.card-md-darkgrey .card-content-md-primary-text {
  color: #189dae;
}

.card-md-darkgrey .text-md-white,
.card-md-darkgrey .card-header-md-white,
.card-md-darkgrey .card-title-md-white,
.card-md-darkgrey .card-content-md-white {
  color: #FFFFFF;
}

.card-md-darkgrey .text-md-success,
.card-md-darkgrey .card-header-md-success,
.card-md-darkgrey .card-title-md-success,
.card-md-darkgrey .card-content-md-success {
  color: #2BB34D;
}

.card-md-darkgrey .text-md-info,
.card-md-darkgrey .card-header-md-info,
.card-md-darkgrey .card-title-md-info,
.card-md-darkgrey .card-content-md-info {
  color: #1A73E8;
}

.card-md-darkgrey .text-md-warning,
.card-md-darkgrey .card-header-md-warning,
.card-md-darkgrey .card-title-md-warning,
.card-md-darkgrey .card-content-md-warning {
  color: #FFAB00;
}

.card-md-darkgrey .text-md-danger,
.card-md-darkgrey .card-header-md-danger,
.card-md-darkgrey .card-title-md-danger,
.card-md-darkgrey .card-content-md-danger {
  color: #F0624D;
}

.card-md-darkgrey .text-md-tam,
.card-md-darkgrey .card-header-md-tam,
.card-md-darkgrey .card-title-md-tam,
.card-md-darkgrey .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-darkgrey,
.card-title-md-darkgrey,
.card-content-md-darkgrey {
  color: #8e9093;
}

.card-md .text-md-emerald {
  color: #3498db;
}

.card-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.card-md-emerald .card-header-md,
.card-md-emerald .card-title-md,
.card-md-emerald .card-content-md,
.card-md-emerald h1,
.card-md-emerald h2,
.card-md-emerald h3,
.card-md-emerald h4,
.card-md-emerald h5,
.card-md-emerald h6,
.card-md-emerald p {
  color: #fff;
}

.card-md-emerald .text-md-primary,
.card-md-emerald .card-header-md-primary,
.card-md-emerald .card-title-md-primary,
.card-md-emerald .card-content-md-primary {
  color: #F68A22;
}

.card-md-emerald .text-md-secondary,
.card-md-emerald .card-header-md-secondary,
.card-md-emerald .card-title-md-secondary,
.card-md-emerald .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-emerald .text-md-danger-low,
.card-md-emerald .card-header-md-danger-low,
.card-md-emerald .card-title-md-danger-low,
.card-md-emerald .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-emerald .text-md-light,
.card-md-emerald .card-header-md-light,
.card-md-emerald .card-title-md-light,
.card-md-emerald .card-content-md-light {
  color: #f4f4f4;
}

.card-md-emerald .text-md-dark,
.card-md-emerald .card-header-md-dark,
.card-md-emerald .card-title-md-dark,
.card-md-emerald .card-content-md-dark {
  color: #222;
}

.card-md-emerald .text-md-favorite,
.card-md-emerald .card-header-md-favorite,
.card-md-emerald .card-title-md-favorite,
.card-md-emerald .card-content-md-favorite {
  color: #39B44A;
}

.card-md-emerald .text-md-darkgrey,
.card-md-emerald .card-header-md-darkgrey,
.card-md-emerald .card-title-md-darkgrey,
.card-md-emerald .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-emerald .text-md-emerald,
.card-md-emerald .card-header-md-emerald,
.card-md-emerald .card-title-md-emerald,
.card-md-emerald .card-content-md-emerald {
  color: #3498db;
}

.card-md-emerald .text-md-concrete,
.card-md-emerald .card-header-md-concrete,
.card-md-emerald .card-title-md-concrete,
.card-md-emerald .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-emerald .text-md-yellow,
.card-md-emerald .card-header-md-yellow,
.card-md-emerald .card-title-md-yellow,
.card-md-emerald .card-content-md-yellow {
  color: #ffff00;
}

.card-md-emerald .text-md-black,
.card-md-emerald .card-header-md-black,
.card-md-emerald .card-title-md-black,
.card-md-emerald .card-content-md-black {
  color: #000000;
}

.card-md-emerald .text-md-grey,
.card-md-emerald .card-header-md-grey,
.card-md-emerald .card-title-md-grey,
.card-md-emerald .card-content-md-grey {
  color: #808080;
}

.card-md-emerald .text-md-red,
.card-md-emerald .card-header-md-red,
.card-md-emerald .card-title-md-red,
.card-md-emerald .card-content-md-red {
  color: #ed4956;
}

.card-md-emerald .text-md-notif,
.card-md-emerald .card-header-md-notif,
.card-md-emerald .card-title-md-notif,
.card-md-emerald .card-content-md-notif {
  color: #17DFC4;
}

.card-md-emerald .text-md-new-badge,
.card-md-emerald .card-header-md-new-badge,
.card-md-emerald .card-title-md-new-badge,
.card-md-emerald .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-emerald .text-md-accent,
.card-md-emerald .card-header-md-accent,
.card-md-emerald .card-title-md-accent,
.card-md-emerald .card-content-md-accent {
  color: #63BEFB;
}

.card-md-emerald .text-md-skeleton,
.card-md-emerald .card-header-md-skeleton,
.card-md-emerald .card-title-md-skeleton,
.card-md-emerald .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-emerald .text-md-outline,
.card-md-emerald .card-header-md-outline,
.card-md-emerald .card-title-md-outline,
.card-md-emerald .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-emerald .text-md-secondary-text,
.card-md-emerald .card-header-md-secondary-text,
.card-md-emerald .card-title-md-secondary-text,
.card-md-emerald .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-emerald .text-md-text,
.card-md-emerald .card-header-md-text,
.card-md-emerald .card-title-md-text,
.card-md-emerald .card-content-md-text {
  color: #192528;
}

.card-md-emerald .text-md-label,
.card-md-emerald .card-header-md-label,
.card-md-emerald .card-title-md-label,
.card-md-emerald .card-content-md-label {
  color: #333333;
}

.card-md-emerald .text-md-hover,
.card-md-emerald .card-header-md-hover,
.card-md-emerald .card-title-md-hover,
.card-md-emerald .card-content-md-hover {
  color: #eff2f4;
}

.card-md-emerald .text-md-hover-dark,
.card-md-emerald .card-header-md-hover-dark,
.card-md-emerald .card-title-md-hover-dark,
.card-md-emerald .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-emerald .text-md-bgcard,
.card-md-emerald .card-header-md-bgcard,
.card-md-emerald .card-title-md-bgcard,
.card-md-emerald .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-emerald .text-md-bgcard2,
.card-md-emerald .card-header-md-bgcard2,
.card-md-emerald .card-title-md-bgcard2,
.card-md-emerald .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-emerald .text-md-bglabel,
.card-md-emerald .card-header-md-bglabel,
.card-md-emerald .card-title-md-bglabel,
.card-md-emerald .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-emerald .text-md-primary-light,
.card-md-emerald .card-header-md-primary-light,
.card-md-emerald .card-title-md-primary-light,
.card-md-emerald .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-emerald .text-md-bgicon,
.card-md-emerald .card-header-md-bgicon,
.card-md-emerald .card-title-md-bgicon,
.card-md-emerald .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-emerald .text-md-primary-text,
.card-md-emerald .card-header-md-primary-text,
.card-md-emerald .card-title-md-primary-text,
.card-md-emerald .card-content-md-primary-text {
  color: #189dae;
}

.card-md-emerald .text-md-white,
.card-md-emerald .card-header-md-white,
.card-md-emerald .card-title-md-white,
.card-md-emerald .card-content-md-white {
  color: #FFFFFF;
}

.card-md-emerald .text-md-success,
.card-md-emerald .card-header-md-success,
.card-md-emerald .card-title-md-success,
.card-md-emerald .card-content-md-success {
  color: #2BB34D;
}

.card-md-emerald .text-md-info,
.card-md-emerald .card-header-md-info,
.card-md-emerald .card-title-md-info,
.card-md-emerald .card-content-md-info {
  color: #1A73E8;
}

.card-md-emerald .text-md-warning,
.card-md-emerald .card-header-md-warning,
.card-md-emerald .card-title-md-warning,
.card-md-emerald .card-content-md-warning {
  color: #FFAB00;
}

.card-md-emerald .text-md-danger,
.card-md-emerald .card-header-md-danger,
.card-md-emerald .card-title-md-danger,
.card-md-emerald .card-content-md-danger {
  color: #F0624D;
}

.card-md-emerald .text-md-tam,
.card-md-emerald .card-header-md-tam,
.card-md-emerald .card-title-md-tam,
.card-md-emerald .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-emerald,
.card-title-md-emerald,
.card-content-md-emerald {
  color: #3498db;
}

.card-md .text-md-concrete {
  color: #bdc3c7;
}

.card-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.card-md-concrete .card-header-md,
.card-md-concrete .card-title-md,
.card-md-concrete .card-content-md,
.card-md-concrete h1,
.card-md-concrete h2,
.card-md-concrete h3,
.card-md-concrete h4,
.card-md-concrete h5,
.card-md-concrete h6,
.card-md-concrete p {
  color: #fff;
}

.card-md-concrete .text-md-primary,
.card-md-concrete .card-header-md-primary,
.card-md-concrete .card-title-md-primary,
.card-md-concrete .card-content-md-primary {
  color: #F68A22;
}

.card-md-concrete .text-md-secondary,
.card-md-concrete .card-header-md-secondary,
.card-md-concrete .card-title-md-secondary,
.card-md-concrete .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-concrete .text-md-danger-low,
.card-md-concrete .card-header-md-danger-low,
.card-md-concrete .card-title-md-danger-low,
.card-md-concrete .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-concrete .text-md-light,
.card-md-concrete .card-header-md-light,
.card-md-concrete .card-title-md-light,
.card-md-concrete .card-content-md-light {
  color: #f4f4f4;
}

.card-md-concrete .text-md-dark,
.card-md-concrete .card-header-md-dark,
.card-md-concrete .card-title-md-dark,
.card-md-concrete .card-content-md-dark {
  color: #222;
}

.card-md-concrete .text-md-favorite,
.card-md-concrete .card-header-md-favorite,
.card-md-concrete .card-title-md-favorite,
.card-md-concrete .card-content-md-favorite {
  color: #39B44A;
}

.card-md-concrete .text-md-darkgrey,
.card-md-concrete .card-header-md-darkgrey,
.card-md-concrete .card-title-md-darkgrey,
.card-md-concrete .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-concrete .text-md-emerald,
.card-md-concrete .card-header-md-emerald,
.card-md-concrete .card-title-md-emerald,
.card-md-concrete .card-content-md-emerald {
  color: #3498db;
}

.card-md-concrete .text-md-concrete,
.card-md-concrete .card-header-md-concrete,
.card-md-concrete .card-title-md-concrete,
.card-md-concrete .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-concrete .text-md-yellow,
.card-md-concrete .card-header-md-yellow,
.card-md-concrete .card-title-md-yellow,
.card-md-concrete .card-content-md-yellow {
  color: #ffff00;
}

.card-md-concrete .text-md-black,
.card-md-concrete .card-header-md-black,
.card-md-concrete .card-title-md-black,
.card-md-concrete .card-content-md-black {
  color: #000000;
}

.card-md-concrete .text-md-grey,
.card-md-concrete .card-header-md-grey,
.card-md-concrete .card-title-md-grey,
.card-md-concrete .card-content-md-grey {
  color: #808080;
}

.card-md-concrete .text-md-red,
.card-md-concrete .card-header-md-red,
.card-md-concrete .card-title-md-red,
.card-md-concrete .card-content-md-red {
  color: #ed4956;
}

.card-md-concrete .text-md-notif,
.card-md-concrete .card-header-md-notif,
.card-md-concrete .card-title-md-notif,
.card-md-concrete .card-content-md-notif {
  color: #17DFC4;
}

.card-md-concrete .text-md-new-badge,
.card-md-concrete .card-header-md-new-badge,
.card-md-concrete .card-title-md-new-badge,
.card-md-concrete .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-concrete .text-md-accent,
.card-md-concrete .card-header-md-accent,
.card-md-concrete .card-title-md-accent,
.card-md-concrete .card-content-md-accent {
  color: #63BEFB;
}

.card-md-concrete .text-md-skeleton,
.card-md-concrete .card-header-md-skeleton,
.card-md-concrete .card-title-md-skeleton,
.card-md-concrete .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-concrete .text-md-outline,
.card-md-concrete .card-header-md-outline,
.card-md-concrete .card-title-md-outline,
.card-md-concrete .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-concrete .text-md-secondary-text,
.card-md-concrete .card-header-md-secondary-text,
.card-md-concrete .card-title-md-secondary-text,
.card-md-concrete .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-concrete .text-md-text,
.card-md-concrete .card-header-md-text,
.card-md-concrete .card-title-md-text,
.card-md-concrete .card-content-md-text {
  color: #192528;
}

.card-md-concrete .text-md-label,
.card-md-concrete .card-header-md-label,
.card-md-concrete .card-title-md-label,
.card-md-concrete .card-content-md-label {
  color: #333333;
}

.card-md-concrete .text-md-hover,
.card-md-concrete .card-header-md-hover,
.card-md-concrete .card-title-md-hover,
.card-md-concrete .card-content-md-hover {
  color: #eff2f4;
}

.card-md-concrete .text-md-hover-dark,
.card-md-concrete .card-header-md-hover-dark,
.card-md-concrete .card-title-md-hover-dark,
.card-md-concrete .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-concrete .text-md-bgcard,
.card-md-concrete .card-header-md-bgcard,
.card-md-concrete .card-title-md-bgcard,
.card-md-concrete .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-concrete .text-md-bgcard2,
.card-md-concrete .card-header-md-bgcard2,
.card-md-concrete .card-title-md-bgcard2,
.card-md-concrete .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-concrete .text-md-bglabel,
.card-md-concrete .card-header-md-bglabel,
.card-md-concrete .card-title-md-bglabel,
.card-md-concrete .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-concrete .text-md-primary-light,
.card-md-concrete .card-header-md-primary-light,
.card-md-concrete .card-title-md-primary-light,
.card-md-concrete .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-concrete .text-md-bgicon,
.card-md-concrete .card-header-md-bgicon,
.card-md-concrete .card-title-md-bgicon,
.card-md-concrete .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-concrete .text-md-primary-text,
.card-md-concrete .card-header-md-primary-text,
.card-md-concrete .card-title-md-primary-text,
.card-md-concrete .card-content-md-primary-text {
  color: #189dae;
}

.card-md-concrete .text-md-white,
.card-md-concrete .card-header-md-white,
.card-md-concrete .card-title-md-white,
.card-md-concrete .card-content-md-white {
  color: #FFFFFF;
}

.card-md-concrete .text-md-success,
.card-md-concrete .card-header-md-success,
.card-md-concrete .card-title-md-success,
.card-md-concrete .card-content-md-success {
  color: #2BB34D;
}

.card-md-concrete .text-md-info,
.card-md-concrete .card-header-md-info,
.card-md-concrete .card-title-md-info,
.card-md-concrete .card-content-md-info {
  color: #1A73E8;
}

.card-md-concrete .text-md-warning,
.card-md-concrete .card-header-md-warning,
.card-md-concrete .card-title-md-warning,
.card-md-concrete .card-content-md-warning {
  color: #FFAB00;
}

.card-md-concrete .text-md-danger,
.card-md-concrete .card-header-md-danger,
.card-md-concrete .card-title-md-danger,
.card-md-concrete .card-content-md-danger {
  color: #F0624D;
}

.card-md-concrete .text-md-tam,
.card-md-concrete .card-header-md-tam,
.card-md-concrete .card-title-md-tam,
.card-md-concrete .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-concrete,
.card-title-md-concrete,
.card-content-md-concrete {
  color: #bdc3c7;
}

.card-md .text-md-yellow {
  color: #ffff00;
}

.card-md-yellow {
  color: #000;
  background-color: #ffff00;
}

.card-md-yellow .card-header-md,
.card-md-yellow .card-title-md,
.card-md-yellow .card-content-md,
.card-md-yellow h1,
.card-md-yellow h2,
.card-md-yellow h3,
.card-md-yellow h4,
.card-md-yellow h5,
.card-md-yellow h6,
.card-md-yellow p {
  color: #000;
}

.card-md-yellow .text-md-primary,
.card-md-yellow .card-header-md-primary,
.card-md-yellow .card-title-md-primary,
.card-md-yellow .card-content-md-primary {
  color: #F68A22;
}

.card-md-yellow .text-md-secondary,
.card-md-yellow .card-header-md-secondary,
.card-md-yellow .card-title-md-secondary,
.card-md-yellow .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-yellow .text-md-danger-low,
.card-md-yellow .card-header-md-danger-low,
.card-md-yellow .card-title-md-danger-low,
.card-md-yellow .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-yellow .text-md-light,
.card-md-yellow .card-header-md-light,
.card-md-yellow .card-title-md-light,
.card-md-yellow .card-content-md-light {
  color: #f4f4f4;
}

.card-md-yellow .text-md-dark,
.card-md-yellow .card-header-md-dark,
.card-md-yellow .card-title-md-dark,
.card-md-yellow .card-content-md-dark {
  color: #222;
}

.card-md-yellow .text-md-favorite,
.card-md-yellow .card-header-md-favorite,
.card-md-yellow .card-title-md-favorite,
.card-md-yellow .card-content-md-favorite {
  color: #39B44A;
}

.card-md-yellow .text-md-darkgrey,
.card-md-yellow .card-header-md-darkgrey,
.card-md-yellow .card-title-md-darkgrey,
.card-md-yellow .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-yellow .text-md-emerald,
.card-md-yellow .card-header-md-emerald,
.card-md-yellow .card-title-md-emerald,
.card-md-yellow .card-content-md-emerald {
  color: #3498db;
}

.card-md-yellow .text-md-concrete,
.card-md-yellow .card-header-md-concrete,
.card-md-yellow .card-title-md-concrete,
.card-md-yellow .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-yellow .text-md-yellow,
.card-md-yellow .card-header-md-yellow,
.card-md-yellow .card-title-md-yellow,
.card-md-yellow .card-content-md-yellow {
  color: #ffff00;
}

.card-md-yellow .text-md-black,
.card-md-yellow .card-header-md-black,
.card-md-yellow .card-title-md-black,
.card-md-yellow .card-content-md-black {
  color: #000000;
}

.card-md-yellow .text-md-grey,
.card-md-yellow .card-header-md-grey,
.card-md-yellow .card-title-md-grey,
.card-md-yellow .card-content-md-grey {
  color: #808080;
}

.card-md-yellow .text-md-red,
.card-md-yellow .card-header-md-red,
.card-md-yellow .card-title-md-red,
.card-md-yellow .card-content-md-red {
  color: #ed4956;
}

.card-md-yellow .text-md-notif,
.card-md-yellow .card-header-md-notif,
.card-md-yellow .card-title-md-notif,
.card-md-yellow .card-content-md-notif {
  color: #17DFC4;
}

.card-md-yellow .text-md-new-badge,
.card-md-yellow .card-header-md-new-badge,
.card-md-yellow .card-title-md-new-badge,
.card-md-yellow .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-yellow .text-md-accent,
.card-md-yellow .card-header-md-accent,
.card-md-yellow .card-title-md-accent,
.card-md-yellow .card-content-md-accent {
  color: #63BEFB;
}

.card-md-yellow .text-md-skeleton,
.card-md-yellow .card-header-md-skeleton,
.card-md-yellow .card-title-md-skeleton,
.card-md-yellow .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-yellow .text-md-outline,
.card-md-yellow .card-header-md-outline,
.card-md-yellow .card-title-md-outline,
.card-md-yellow .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-yellow .text-md-secondary-text,
.card-md-yellow .card-header-md-secondary-text,
.card-md-yellow .card-title-md-secondary-text,
.card-md-yellow .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-yellow .text-md-text,
.card-md-yellow .card-header-md-text,
.card-md-yellow .card-title-md-text,
.card-md-yellow .card-content-md-text {
  color: #192528;
}

.card-md-yellow .text-md-label,
.card-md-yellow .card-header-md-label,
.card-md-yellow .card-title-md-label,
.card-md-yellow .card-content-md-label {
  color: #333333;
}

.card-md-yellow .text-md-hover,
.card-md-yellow .card-header-md-hover,
.card-md-yellow .card-title-md-hover,
.card-md-yellow .card-content-md-hover {
  color: #eff2f4;
}

.card-md-yellow .text-md-hover-dark,
.card-md-yellow .card-header-md-hover-dark,
.card-md-yellow .card-title-md-hover-dark,
.card-md-yellow .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-yellow .text-md-bgcard,
.card-md-yellow .card-header-md-bgcard,
.card-md-yellow .card-title-md-bgcard,
.card-md-yellow .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-yellow .text-md-bgcard2,
.card-md-yellow .card-header-md-bgcard2,
.card-md-yellow .card-title-md-bgcard2,
.card-md-yellow .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-yellow .text-md-bglabel,
.card-md-yellow .card-header-md-bglabel,
.card-md-yellow .card-title-md-bglabel,
.card-md-yellow .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-yellow .text-md-primary-light,
.card-md-yellow .card-header-md-primary-light,
.card-md-yellow .card-title-md-primary-light,
.card-md-yellow .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-yellow .text-md-bgicon,
.card-md-yellow .card-header-md-bgicon,
.card-md-yellow .card-title-md-bgicon,
.card-md-yellow .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-yellow .text-md-primary-text,
.card-md-yellow .card-header-md-primary-text,
.card-md-yellow .card-title-md-primary-text,
.card-md-yellow .card-content-md-primary-text {
  color: #189dae;
}

.card-md-yellow .text-md-white,
.card-md-yellow .card-header-md-white,
.card-md-yellow .card-title-md-white,
.card-md-yellow .card-content-md-white {
  color: #FFFFFF;
}

.card-md-yellow .text-md-success,
.card-md-yellow .card-header-md-success,
.card-md-yellow .card-title-md-success,
.card-md-yellow .card-content-md-success {
  color: #2BB34D;
}

.card-md-yellow .text-md-info,
.card-md-yellow .card-header-md-info,
.card-md-yellow .card-title-md-info,
.card-md-yellow .card-content-md-info {
  color: #1A73E8;
}

.card-md-yellow .text-md-warning,
.card-md-yellow .card-header-md-warning,
.card-md-yellow .card-title-md-warning,
.card-md-yellow .card-content-md-warning {
  color: #FFAB00;
}

.card-md-yellow .text-md-danger,
.card-md-yellow .card-header-md-danger,
.card-md-yellow .card-title-md-danger,
.card-md-yellow .card-content-md-danger {
  color: #F0624D;
}

.card-md-yellow .text-md-tam,
.card-md-yellow .card-header-md-tam,
.card-md-yellow .card-title-md-tam,
.card-md-yellow .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-yellow,
.card-title-md-yellow,
.card-content-md-yellow {
  color: #ffff00;
}

.card-md .text-md-black {
  color: #000000;
}

.card-md-black {
  color: #fff;
  background-color: #000000;
}

.card-md-black .card-header-md,
.card-md-black .card-title-md,
.card-md-black .card-content-md,
.card-md-black h1,
.card-md-black h2,
.card-md-black h3,
.card-md-black h4,
.card-md-black h5,
.card-md-black h6,
.card-md-black p {
  color: #fff;
}

.card-md-black .text-md-primary,
.card-md-black .card-header-md-primary,
.card-md-black .card-title-md-primary,
.card-md-black .card-content-md-primary {
  color: #F68A22;
}

.card-md-black .text-md-secondary,
.card-md-black .card-header-md-secondary,
.card-md-black .card-title-md-secondary,
.card-md-black .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-black .text-md-danger-low,
.card-md-black .card-header-md-danger-low,
.card-md-black .card-title-md-danger-low,
.card-md-black .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-black .text-md-light,
.card-md-black .card-header-md-light,
.card-md-black .card-title-md-light,
.card-md-black .card-content-md-light {
  color: #f4f4f4;
}

.card-md-black .text-md-dark,
.card-md-black .card-header-md-dark,
.card-md-black .card-title-md-dark,
.card-md-black .card-content-md-dark {
  color: #222;
}

.card-md-black .text-md-favorite,
.card-md-black .card-header-md-favorite,
.card-md-black .card-title-md-favorite,
.card-md-black .card-content-md-favorite {
  color: #39B44A;
}

.card-md-black .text-md-darkgrey,
.card-md-black .card-header-md-darkgrey,
.card-md-black .card-title-md-darkgrey,
.card-md-black .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-black .text-md-emerald,
.card-md-black .card-header-md-emerald,
.card-md-black .card-title-md-emerald,
.card-md-black .card-content-md-emerald {
  color: #3498db;
}

.card-md-black .text-md-concrete,
.card-md-black .card-header-md-concrete,
.card-md-black .card-title-md-concrete,
.card-md-black .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-black .text-md-yellow,
.card-md-black .card-header-md-yellow,
.card-md-black .card-title-md-yellow,
.card-md-black .card-content-md-yellow {
  color: #ffff00;
}

.card-md-black .text-md-black,
.card-md-black .card-header-md-black,
.card-md-black .card-title-md-black,
.card-md-black .card-content-md-black {
  color: #000000;
}

.card-md-black .text-md-grey,
.card-md-black .card-header-md-grey,
.card-md-black .card-title-md-grey,
.card-md-black .card-content-md-grey {
  color: #808080;
}

.card-md-black .text-md-red,
.card-md-black .card-header-md-red,
.card-md-black .card-title-md-red,
.card-md-black .card-content-md-red {
  color: #ed4956;
}

.card-md-black .text-md-notif,
.card-md-black .card-header-md-notif,
.card-md-black .card-title-md-notif,
.card-md-black .card-content-md-notif {
  color: #17DFC4;
}

.card-md-black .text-md-new-badge,
.card-md-black .card-header-md-new-badge,
.card-md-black .card-title-md-new-badge,
.card-md-black .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-black .text-md-accent,
.card-md-black .card-header-md-accent,
.card-md-black .card-title-md-accent,
.card-md-black .card-content-md-accent {
  color: #63BEFB;
}

.card-md-black .text-md-skeleton,
.card-md-black .card-header-md-skeleton,
.card-md-black .card-title-md-skeleton,
.card-md-black .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-black .text-md-outline,
.card-md-black .card-header-md-outline,
.card-md-black .card-title-md-outline,
.card-md-black .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-black .text-md-secondary-text,
.card-md-black .card-header-md-secondary-text,
.card-md-black .card-title-md-secondary-text,
.card-md-black .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-black .text-md-text,
.card-md-black .card-header-md-text,
.card-md-black .card-title-md-text,
.card-md-black .card-content-md-text {
  color: #192528;
}

.card-md-black .text-md-label,
.card-md-black .card-header-md-label,
.card-md-black .card-title-md-label,
.card-md-black .card-content-md-label {
  color: #333333;
}

.card-md-black .text-md-hover,
.card-md-black .card-header-md-hover,
.card-md-black .card-title-md-hover,
.card-md-black .card-content-md-hover {
  color: #eff2f4;
}

.card-md-black .text-md-hover-dark,
.card-md-black .card-header-md-hover-dark,
.card-md-black .card-title-md-hover-dark,
.card-md-black .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-black .text-md-bgcard,
.card-md-black .card-header-md-bgcard,
.card-md-black .card-title-md-bgcard,
.card-md-black .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-black .text-md-bgcard2,
.card-md-black .card-header-md-bgcard2,
.card-md-black .card-title-md-bgcard2,
.card-md-black .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-black .text-md-bglabel,
.card-md-black .card-header-md-bglabel,
.card-md-black .card-title-md-bglabel,
.card-md-black .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-black .text-md-primary-light,
.card-md-black .card-header-md-primary-light,
.card-md-black .card-title-md-primary-light,
.card-md-black .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-black .text-md-bgicon,
.card-md-black .card-header-md-bgicon,
.card-md-black .card-title-md-bgicon,
.card-md-black .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-black .text-md-primary-text,
.card-md-black .card-header-md-primary-text,
.card-md-black .card-title-md-primary-text,
.card-md-black .card-content-md-primary-text {
  color: #189dae;
}

.card-md-black .text-md-white,
.card-md-black .card-header-md-white,
.card-md-black .card-title-md-white,
.card-md-black .card-content-md-white {
  color: #FFFFFF;
}

.card-md-black .text-md-success,
.card-md-black .card-header-md-success,
.card-md-black .card-title-md-success,
.card-md-black .card-content-md-success {
  color: #2BB34D;
}

.card-md-black .text-md-info,
.card-md-black .card-header-md-info,
.card-md-black .card-title-md-info,
.card-md-black .card-content-md-info {
  color: #1A73E8;
}

.card-md-black .text-md-warning,
.card-md-black .card-header-md-warning,
.card-md-black .card-title-md-warning,
.card-md-black .card-content-md-warning {
  color: #FFAB00;
}

.card-md-black .text-md-danger,
.card-md-black .card-header-md-danger,
.card-md-black .card-title-md-danger,
.card-md-black .card-content-md-danger {
  color: #F0624D;
}

.card-md-black .text-md-tam,
.card-md-black .card-header-md-tam,
.card-md-black .card-title-md-tam,
.card-md-black .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-black,
.card-title-md-black,
.card-content-md-black {
  color: #000000;
}

.card-md .text-md-grey {
  color: #808080;
}

.card-md-grey {
  color: #fff;
  background-color: #808080;
}

.card-md-grey .card-header-md,
.card-md-grey .card-title-md,
.card-md-grey .card-content-md,
.card-md-grey h1,
.card-md-grey h2,
.card-md-grey h3,
.card-md-grey h4,
.card-md-grey h5,
.card-md-grey h6,
.card-md-grey p {
  color: #fff;
}

.card-md-grey .text-md-primary,
.card-md-grey .card-header-md-primary,
.card-md-grey .card-title-md-primary,
.card-md-grey .card-content-md-primary {
  color: #F68A22;
}

.card-md-grey .text-md-secondary,
.card-md-grey .card-header-md-secondary,
.card-md-grey .card-title-md-secondary,
.card-md-grey .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-grey .text-md-danger-low,
.card-md-grey .card-header-md-danger-low,
.card-md-grey .card-title-md-danger-low,
.card-md-grey .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-grey .text-md-light,
.card-md-grey .card-header-md-light,
.card-md-grey .card-title-md-light,
.card-md-grey .card-content-md-light {
  color: #f4f4f4;
}

.card-md-grey .text-md-dark,
.card-md-grey .card-header-md-dark,
.card-md-grey .card-title-md-dark,
.card-md-grey .card-content-md-dark {
  color: #222;
}

.card-md-grey .text-md-favorite,
.card-md-grey .card-header-md-favorite,
.card-md-grey .card-title-md-favorite,
.card-md-grey .card-content-md-favorite {
  color: #39B44A;
}

.card-md-grey .text-md-darkgrey,
.card-md-grey .card-header-md-darkgrey,
.card-md-grey .card-title-md-darkgrey,
.card-md-grey .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-grey .text-md-emerald,
.card-md-grey .card-header-md-emerald,
.card-md-grey .card-title-md-emerald,
.card-md-grey .card-content-md-emerald {
  color: #3498db;
}

.card-md-grey .text-md-concrete,
.card-md-grey .card-header-md-concrete,
.card-md-grey .card-title-md-concrete,
.card-md-grey .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-grey .text-md-yellow,
.card-md-grey .card-header-md-yellow,
.card-md-grey .card-title-md-yellow,
.card-md-grey .card-content-md-yellow {
  color: #ffff00;
}

.card-md-grey .text-md-black,
.card-md-grey .card-header-md-black,
.card-md-grey .card-title-md-black,
.card-md-grey .card-content-md-black {
  color: #000000;
}

.card-md-grey .text-md-grey,
.card-md-grey .card-header-md-grey,
.card-md-grey .card-title-md-grey,
.card-md-grey .card-content-md-grey {
  color: #808080;
}

.card-md-grey .text-md-red,
.card-md-grey .card-header-md-red,
.card-md-grey .card-title-md-red,
.card-md-grey .card-content-md-red {
  color: #ed4956;
}

.card-md-grey .text-md-notif,
.card-md-grey .card-header-md-notif,
.card-md-grey .card-title-md-notif,
.card-md-grey .card-content-md-notif {
  color: #17DFC4;
}

.card-md-grey .text-md-new-badge,
.card-md-grey .card-header-md-new-badge,
.card-md-grey .card-title-md-new-badge,
.card-md-grey .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-grey .text-md-accent,
.card-md-grey .card-header-md-accent,
.card-md-grey .card-title-md-accent,
.card-md-grey .card-content-md-accent {
  color: #63BEFB;
}

.card-md-grey .text-md-skeleton,
.card-md-grey .card-header-md-skeleton,
.card-md-grey .card-title-md-skeleton,
.card-md-grey .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-grey .text-md-outline,
.card-md-grey .card-header-md-outline,
.card-md-grey .card-title-md-outline,
.card-md-grey .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-grey .text-md-secondary-text,
.card-md-grey .card-header-md-secondary-text,
.card-md-grey .card-title-md-secondary-text,
.card-md-grey .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-grey .text-md-text,
.card-md-grey .card-header-md-text,
.card-md-grey .card-title-md-text,
.card-md-grey .card-content-md-text {
  color: #192528;
}

.card-md-grey .text-md-label,
.card-md-grey .card-header-md-label,
.card-md-grey .card-title-md-label,
.card-md-grey .card-content-md-label {
  color: #333333;
}

.card-md-grey .text-md-hover,
.card-md-grey .card-header-md-hover,
.card-md-grey .card-title-md-hover,
.card-md-grey .card-content-md-hover {
  color: #eff2f4;
}

.card-md-grey .text-md-hover-dark,
.card-md-grey .card-header-md-hover-dark,
.card-md-grey .card-title-md-hover-dark,
.card-md-grey .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-grey .text-md-bgcard,
.card-md-grey .card-header-md-bgcard,
.card-md-grey .card-title-md-bgcard,
.card-md-grey .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-grey .text-md-bgcard2,
.card-md-grey .card-header-md-bgcard2,
.card-md-grey .card-title-md-bgcard2,
.card-md-grey .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-grey .text-md-bglabel,
.card-md-grey .card-header-md-bglabel,
.card-md-grey .card-title-md-bglabel,
.card-md-grey .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-grey .text-md-primary-light,
.card-md-grey .card-header-md-primary-light,
.card-md-grey .card-title-md-primary-light,
.card-md-grey .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-grey .text-md-bgicon,
.card-md-grey .card-header-md-bgicon,
.card-md-grey .card-title-md-bgicon,
.card-md-grey .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-grey .text-md-primary-text,
.card-md-grey .card-header-md-primary-text,
.card-md-grey .card-title-md-primary-text,
.card-md-grey .card-content-md-primary-text {
  color: #189dae;
}

.card-md-grey .text-md-white,
.card-md-grey .card-header-md-white,
.card-md-grey .card-title-md-white,
.card-md-grey .card-content-md-white {
  color: #FFFFFF;
}

.card-md-grey .text-md-success,
.card-md-grey .card-header-md-success,
.card-md-grey .card-title-md-success,
.card-md-grey .card-content-md-success {
  color: #2BB34D;
}

.card-md-grey .text-md-info,
.card-md-grey .card-header-md-info,
.card-md-grey .card-title-md-info,
.card-md-grey .card-content-md-info {
  color: #1A73E8;
}

.card-md-grey .text-md-warning,
.card-md-grey .card-header-md-warning,
.card-md-grey .card-title-md-warning,
.card-md-grey .card-content-md-warning {
  color: #FFAB00;
}

.card-md-grey .text-md-danger,
.card-md-grey .card-header-md-danger,
.card-md-grey .card-title-md-danger,
.card-md-grey .card-content-md-danger {
  color: #F0624D;
}

.card-md-grey .text-md-tam,
.card-md-grey .card-header-md-tam,
.card-md-grey .card-title-md-tam,
.card-md-grey .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-grey,
.card-title-md-grey,
.card-content-md-grey {
  color: #808080;
}

.card-md .text-md-red {
  color: #ed4956;
}

.card-md-red {
  color: #fff;
  background-color: #ed4956;
}

.card-md-red .card-header-md,
.card-md-red .card-title-md,
.card-md-red .card-content-md,
.card-md-red h1,
.card-md-red h2,
.card-md-red h3,
.card-md-red h4,
.card-md-red h5,
.card-md-red h6,
.card-md-red p {
  color: #fff;
}

.card-md-red .text-md-primary,
.card-md-red .card-header-md-primary,
.card-md-red .card-title-md-primary,
.card-md-red .card-content-md-primary {
  color: #F68A22;
}

.card-md-red .text-md-secondary,
.card-md-red .card-header-md-secondary,
.card-md-red .card-title-md-secondary,
.card-md-red .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-red .text-md-danger-low,
.card-md-red .card-header-md-danger-low,
.card-md-red .card-title-md-danger-low,
.card-md-red .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-red .text-md-light,
.card-md-red .card-header-md-light,
.card-md-red .card-title-md-light,
.card-md-red .card-content-md-light {
  color: #f4f4f4;
}

.card-md-red .text-md-dark,
.card-md-red .card-header-md-dark,
.card-md-red .card-title-md-dark,
.card-md-red .card-content-md-dark {
  color: #222;
}

.card-md-red .text-md-favorite,
.card-md-red .card-header-md-favorite,
.card-md-red .card-title-md-favorite,
.card-md-red .card-content-md-favorite {
  color: #39B44A;
}

.card-md-red .text-md-darkgrey,
.card-md-red .card-header-md-darkgrey,
.card-md-red .card-title-md-darkgrey,
.card-md-red .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-red .text-md-emerald,
.card-md-red .card-header-md-emerald,
.card-md-red .card-title-md-emerald,
.card-md-red .card-content-md-emerald {
  color: #3498db;
}

.card-md-red .text-md-concrete,
.card-md-red .card-header-md-concrete,
.card-md-red .card-title-md-concrete,
.card-md-red .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-red .text-md-yellow,
.card-md-red .card-header-md-yellow,
.card-md-red .card-title-md-yellow,
.card-md-red .card-content-md-yellow {
  color: #ffff00;
}

.card-md-red .text-md-black,
.card-md-red .card-header-md-black,
.card-md-red .card-title-md-black,
.card-md-red .card-content-md-black {
  color: #000000;
}

.card-md-red .text-md-grey,
.card-md-red .card-header-md-grey,
.card-md-red .card-title-md-grey,
.card-md-red .card-content-md-grey {
  color: #808080;
}

.card-md-red .text-md-red,
.card-md-red .card-header-md-red,
.card-md-red .card-title-md-red,
.card-md-red .card-content-md-red {
  color: #ed4956;
}

.card-md-red .text-md-notif,
.card-md-red .card-header-md-notif,
.card-md-red .card-title-md-notif,
.card-md-red .card-content-md-notif {
  color: #17DFC4;
}

.card-md-red .text-md-new-badge,
.card-md-red .card-header-md-new-badge,
.card-md-red .card-title-md-new-badge,
.card-md-red .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-red .text-md-accent,
.card-md-red .card-header-md-accent,
.card-md-red .card-title-md-accent,
.card-md-red .card-content-md-accent {
  color: #63BEFB;
}

.card-md-red .text-md-skeleton,
.card-md-red .card-header-md-skeleton,
.card-md-red .card-title-md-skeleton,
.card-md-red .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-red .text-md-outline,
.card-md-red .card-header-md-outline,
.card-md-red .card-title-md-outline,
.card-md-red .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-red .text-md-secondary-text,
.card-md-red .card-header-md-secondary-text,
.card-md-red .card-title-md-secondary-text,
.card-md-red .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-red .text-md-text,
.card-md-red .card-header-md-text,
.card-md-red .card-title-md-text,
.card-md-red .card-content-md-text {
  color: #192528;
}

.card-md-red .text-md-label,
.card-md-red .card-header-md-label,
.card-md-red .card-title-md-label,
.card-md-red .card-content-md-label {
  color: #333333;
}

.card-md-red .text-md-hover,
.card-md-red .card-header-md-hover,
.card-md-red .card-title-md-hover,
.card-md-red .card-content-md-hover {
  color: #eff2f4;
}

.card-md-red .text-md-hover-dark,
.card-md-red .card-header-md-hover-dark,
.card-md-red .card-title-md-hover-dark,
.card-md-red .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-red .text-md-bgcard,
.card-md-red .card-header-md-bgcard,
.card-md-red .card-title-md-bgcard,
.card-md-red .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-red .text-md-bgcard2,
.card-md-red .card-header-md-bgcard2,
.card-md-red .card-title-md-bgcard2,
.card-md-red .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-red .text-md-bglabel,
.card-md-red .card-header-md-bglabel,
.card-md-red .card-title-md-bglabel,
.card-md-red .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-red .text-md-primary-light,
.card-md-red .card-header-md-primary-light,
.card-md-red .card-title-md-primary-light,
.card-md-red .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-red .text-md-bgicon,
.card-md-red .card-header-md-bgicon,
.card-md-red .card-title-md-bgicon,
.card-md-red .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-red .text-md-primary-text,
.card-md-red .card-header-md-primary-text,
.card-md-red .card-title-md-primary-text,
.card-md-red .card-content-md-primary-text {
  color: #189dae;
}

.card-md-red .text-md-white,
.card-md-red .card-header-md-white,
.card-md-red .card-title-md-white,
.card-md-red .card-content-md-white {
  color: #FFFFFF;
}

.card-md-red .text-md-success,
.card-md-red .card-header-md-success,
.card-md-red .card-title-md-success,
.card-md-red .card-content-md-success {
  color: #2BB34D;
}

.card-md-red .text-md-info,
.card-md-red .card-header-md-info,
.card-md-red .card-title-md-info,
.card-md-red .card-content-md-info {
  color: #1A73E8;
}

.card-md-red .text-md-warning,
.card-md-red .card-header-md-warning,
.card-md-red .card-title-md-warning,
.card-md-red .card-content-md-warning {
  color: #FFAB00;
}

.card-md-red .text-md-danger,
.card-md-red .card-header-md-danger,
.card-md-red .card-title-md-danger,
.card-md-red .card-content-md-danger {
  color: #F0624D;
}

.card-md-red .text-md-tam,
.card-md-red .card-header-md-tam,
.card-md-red .card-title-md-tam,
.card-md-red .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-red,
.card-title-md-red,
.card-content-md-red {
  color: #ed4956;
}

.card-md .text-md-notif {
  color: #17DFC4;
}

.card-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.card-md-notif .card-header-md,
.card-md-notif .card-title-md,
.card-md-notif .card-content-md,
.card-md-notif h1,
.card-md-notif h2,
.card-md-notif h3,
.card-md-notif h4,
.card-md-notif h5,
.card-md-notif h6,
.card-md-notif p {
  color: #fff;
}

.card-md-notif .text-md-primary,
.card-md-notif .card-header-md-primary,
.card-md-notif .card-title-md-primary,
.card-md-notif .card-content-md-primary {
  color: #F68A22;
}

.card-md-notif .text-md-secondary,
.card-md-notif .card-header-md-secondary,
.card-md-notif .card-title-md-secondary,
.card-md-notif .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-notif .text-md-danger-low,
.card-md-notif .card-header-md-danger-low,
.card-md-notif .card-title-md-danger-low,
.card-md-notif .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-notif .text-md-light,
.card-md-notif .card-header-md-light,
.card-md-notif .card-title-md-light,
.card-md-notif .card-content-md-light {
  color: #f4f4f4;
}

.card-md-notif .text-md-dark,
.card-md-notif .card-header-md-dark,
.card-md-notif .card-title-md-dark,
.card-md-notif .card-content-md-dark {
  color: #222;
}

.card-md-notif .text-md-favorite,
.card-md-notif .card-header-md-favorite,
.card-md-notif .card-title-md-favorite,
.card-md-notif .card-content-md-favorite {
  color: #39B44A;
}

.card-md-notif .text-md-darkgrey,
.card-md-notif .card-header-md-darkgrey,
.card-md-notif .card-title-md-darkgrey,
.card-md-notif .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-notif .text-md-emerald,
.card-md-notif .card-header-md-emerald,
.card-md-notif .card-title-md-emerald,
.card-md-notif .card-content-md-emerald {
  color: #3498db;
}

.card-md-notif .text-md-concrete,
.card-md-notif .card-header-md-concrete,
.card-md-notif .card-title-md-concrete,
.card-md-notif .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-notif .text-md-yellow,
.card-md-notif .card-header-md-yellow,
.card-md-notif .card-title-md-yellow,
.card-md-notif .card-content-md-yellow {
  color: #ffff00;
}

.card-md-notif .text-md-black,
.card-md-notif .card-header-md-black,
.card-md-notif .card-title-md-black,
.card-md-notif .card-content-md-black {
  color: #000000;
}

.card-md-notif .text-md-grey,
.card-md-notif .card-header-md-grey,
.card-md-notif .card-title-md-grey,
.card-md-notif .card-content-md-grey {
  color: #808080;
}

.card-md-notif .text-md-red,
.card-md-notif .card-header-md-red,
.card-md-notif .card-title-md-red,
.card-md-notif .card-content-md-red {
  color: #ed4956;
}

.card-md-notif .text-md-notif,
.card-md-notif .card-header-md-notif,
.card-md-notif .card-title-md-notif,
.card-md-notif .card-content-md-notif {
  color: #17DFC4;
}

.card-md-notif .text-md-new-badge,
.card-md-notif .card-header-md-new-badge,
.card-md-notif .card-title-md-new-badge,
.card-md-notif .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-notif .text-md-accent,
.card-md-notif .card-header-md-accent,
.card-md-notif .card-title-md-accent,
.card-md-notif .card-content-md-accent {
  color: #63BEFB;
}

.card-md-notif .text-md-skeleton,
.card-md-notif .card-header-md-skeleton,
.card-md-notif .card-title-md-skeleton,
.card-md-notif .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-notif .text-md-outline,
.card-md-notif .card-header-md-outline,
.card-md-notif .card-title-md-outline,
.card-md-notif .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-notif .text-md-secondary-text,
.card-md-notif .card-header-md-secondary-text,
.card-md-notif .card-title-md-secondary-text,
.card-md-notif .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-notif .text-md-text,
.card-md-notif .card-header-md-text,
.card-md-notif .card-title-md-text,
.card-md-notif .card-content-md-text {
  color: #192528;
}

.card-md-notif .text-md-label,
.card-md-notif .card-header-md-label,
.card-md-notif .card-title-md-label,
.card-md-notif .card-content-md-label {
  color: #333333;
}

.card-md-notif .text-md-hover,
.card-md-notif .card-header-md-hover,
.card-md-notif .card-title-md-hover,
.card-md-notif .card-content-md-hover {
  color: #eff2f4;
}

.card-md-notif .text-md-hover-dark,
.card-md-notif .card-header-md-hover-dark,
.card-md-notif .card-title-md-hover-dark,
.card-md-notif .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-notif .text-md-bgcard,
.card-md-notif .card-header-md-bgcard,
.card-md-notif .card-title-md-bgcard,
.card-md-notif .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-notif .text-md-bgcard2,
.card-md-notif .card-header-md-bgcard2,
.card-md-notif .card-title-md-bgcard2,
.card-md-notif .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-notif .text-md-bglabel,
.card-md-notif .card-header-md-bglabel,
.card-md-notif .card-title-md-bglabel,
.card-md-notif .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-notif .text-md-primary-light,
.card-md-notif .card-header-md-primary-light,
.card-md-notif .card-title-md-primary-light,
.card-md-notif .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-notif .text-md-bgicon,
.card-md-notif .card-header-md-bgicon,
.card-md-notif .card-title-md-bgicon,
.card-md-notif .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-notif .text-md-primary-text,
.card-md-notif .card-header-md-primary-text,
.card-md-notif .card-title-md-primary-text,
.card-md-notif .card-content-md-primary-text {
  color: #189dae;
}

.card-md-notif .text-md-white,
.card-md-notif .card-header-md-white,
.card-md-notif .card-title-md-white,
.card-md-notif .card-content-md-white {
  color: #FFFFFF;
}

.card-md-notif .text-md-success,
.card-md-notif .card-header-md-success,
.card-md-notif .card-title-md-success,
.card-md-notif .card-content-md-success {
  color: #2BB34D;
}

.card-md-notif .text-md-info,
.card-md-notif .card-header-md-info,
.card-md-notif .card-title-md-info,
.card-md-notif .card-content-md-info {
  color: #1A73E8;
}

.card-md-notif .text-md-warning,
.card-md-notif .card-header-md-warning,
.card-md-notif .card-title-md-warning,
.card-md-notif .card-content-md-warning {
  color: #FFAB00;
}

.card-md-notif .text-md-danger,
.card-md-notif .card-header-md-danger,
.card-md-notif .card-title-md-danger,
.card-md-notif .card-content-md-danger {
  color: #F0624D;
}

.card-md-notif .text-md-tam,
.card-md-notif .card-header-md-tam,
.card-md-notif .card-title-md-tam,
.card-md-notif .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-notif,
.card-title-md-notif,
.card-content-md-notif {
  color: #17DFC4;
}

.card-md .text-md-new-badge {
  color: #63BEFB;
}

.card-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.card-md-new-badge .card-header-md,
.card-md-new-badge .card-title-md,
.card-md-new-badge .card-content-md,
.card-md-new-badge h1,
.card-md-new-badge h2,
.card-md-new-badge h3,
.card-md-new-badge h4,
.card-md-new-badge h5,
.card-md-new-badge h6,
.card-md-new-badge p {
  color: #fff;
}

.card-md-new-badge .text-md-primary,
.card-md-new-badge .card-header-md-primary,
.card-md-new-badge .card-title-md-primary,
.card-md-new-badge .card-content-md-primary {
  color: #F68A22;
}

.card-md-new-badge .text-md-secondary,
.card-md-new-badge .card-header-md-secondary,
.card-md-new-badge .card-title-md-secondary,
.card-md-new-badge .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-new-badge .text-md-danger-low,
.card-md-new-badge .card-header-md-danger-low,
.card-md-new-badge .card-title-md-danger-low,
.card-md-new-badge .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-new-badge .text-md-light,
.card-md-new-badge .card-header-md-light,
.card-md-new-badge .card-title-md-light,
.card-md-new-badge .card-content-md-light {
  color: #f4f4f4;
}

.card-md-new-badge .text-md-dark,
.card-md-new-badge .card-header-md-dark,
.card-md-new-badge .card-title-md-dark,
.card-md-new-badge .card-content-md-dark {
  color: #222;
}

.card-md-new-badge .text-md-favorite,
.card-md-new-badge .card-header-md-favorite,
.card-md-new-badge .card-title-md-favorite,
.card-md-new-badge .card-content-md-favorite {
  color: #39B44A;
}

.card-md-new-badge .text-md-darkgrey,
.card-md-new-badge .card-header-md-darkgrey,
.card-md-new-badge .card-title-md-darkgrey,
.card-md-new-badge .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-new-badge .text-md-emerald,
.card-md-new-badge .card-header-md-emerald,
.card-md-new-badge .card-title-md-emerald,
.card-md-new-badge .card-content-md-emerald {
  color: #3498db;
}

.card-md-new-badge .text-md-concrete,
.card-md-new-badge .card-header-md-concrete,
.card-md-new-badge .card-title-md-concrete,
.card-md-new-badge .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-new-badge .text-md-yellow,
.card-md-new-badge .card-header-md-yellow,
.card-md-new-badge .card-title-md-yellow,
.card-md-new-badge .card-content-md-yellow {
  color: #ffff00;
}

.card-md-new-badge .text-md-black,
.card-md-new-badge .card-header-md-black,
.card-md-new-badge .card-title-md-black,
.card-md-new-badge .card-content-md-black {
  color: #000000;
}

.card-md-new-badge .text-md-grey,
.card-md-new-badge .card-header-md-grey,
.card-md-new-badge .card-title-md-grey,
.card-md-new-badge .card-content-md-grey {
  color: #808080;
}

.card-md-new-badge .text-md-red,
.card-md-new-badge .card-header-md-red,
.card-md-new-badge .card-title-md-red,
.card-md-new-badge .card-content-md-red {
  color: #ed4956;
}

.card-md-new-badge .text-md-notif,
.card-md-new-badge .card-header-md-notif,
.card-md-new-badge .card-title-md-notif,
.card-md-new-badge .card-content-md-notif {
  color: #17DFC4;
}

.card-md-new-badge .text-md-new-badge,
.card-md-new-badge .card-header-md-new-badge,
.card-md-new-badge .card-title-md-new-badge,
.card-md-new-badge .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-new-badge .text-md-accent,
.card-md-new-badge .card-header-md-accent,
.card-md-new-badge .card-title-md-accent,
.card-md-new-badge .card-content-md-accent {
  color: #63BEFB;
}

.card-md-new-badge .text-md-skeleton,
.card-md-new-badge .card-header-md-skeleton,
.card-md-new-badge .card-title-md-skeleton,
.card-md-new-badge .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-new-badge .text-md-outline,
.card-md-new-badge .card-header-md-outline,
.card-md-new-badge .card-title-md-outline,
.card-md-new-badge .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-new-badge .text-md-secondary-text,
.card-md-new-badge .card-header-md-secondary-text,
.card-md-new-badge .card-title-md-secondary-text,
.card-md-new-badge .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-new-badge .text-md-text,
.card-md-new-badge .card-header-md-text,
.card-md-new-badge .card-title-md-text,
.card-md-new-badge .card-content-md-text {
  color: #192528;
}

.card-md-new-badge .text-md-label,
.card-md-new-badge .card-header-md-label,
.card-md-new-badge .card-title-md-label,
.card-md-new-badge .card-content-md-label {
  color: #333333;
}

.card-md-new-badge .text-md-hover,
.card-md-new-badge .card-header-md-hover,
.card-md-new-badge .card-title-md-hover,
.card-md-new-badge .card-content-md-hover {
  color: #eff2f4;
}

.card-md-new-badge .text-md-hover-dark,
.card-md-new-badge .card-header-md-hover-dark,
.card-md-new-badge .card-title-md-hover-dark,
.card-md-new-badge .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-new-badge .text-md-bgcard,
.card-md-new-badge .card-header-md-bgcard,
.card-md-new-badge .card-title-md-bgcard,
.card-md-new-badge .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-new-badge .text-md-bgcard2,
.card-md-new-badge .card-header-md-bgcard2,
.card-md-new-badge .card-title-md-bgcard2,
.card-md-new-badge .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-new-badge .text-md-bglabel,
.card-md-new-badge .card-header-md-bglabel,
.card-md-new-badge .card-title-md-bglabel,
.card-md-new-badge .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-new-badge .text-md-primary-light,
.card-md-new-badge .card-header-md-primary-light,
.card-md-new-badge .card-title-md-primary-light,
.card-md-new-badge .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-new-badge .text-md-bgicon,
.card-md-new-badge .card-header-md-bgicon,
.card-md-new-badge .card-title-md-bgicon,
.card-md-new-badge .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-new-badge .text-md-primary-text,
.card-md-new-badge .card-header-md-primary-text,
.card-md-new-badge .card-title-md-primary-text,
.card-md-new-badge .card-content-md-primary-text {
  color: #189dae;
}

.card-md-new-badge .text-md-white,
.card-md-new-badge .card-header-md-white,
.card-md-new-badge .card-title-md-white,
.card-md-new-badge .card-content-md-white {
  color: #FFFFFF;
}

.card-md-new-badge .text-md-success,
.card-md-new-badge .card-header-md-success,
.card-md-new-badge .card-title-md-success,
.card-md-new-badge .card-content-md-success {
  color: #2BB34D;
}

.card-md-new-badge .text-md-info,
.card-md-new-badge .card-header-md-info,
.card-md-new-badge .card-title-md-info,
.card-md-new-badge .card-content-md-info {
  color: #1A73E8;
}

.card-md-new-badge .text-md-warning,
.card-md-new-badge .card-header-md-warning,
.card-md-new-badge .card-title-md-warning,
.card-md-new-badge .card-content-md-warning {
  color: #FFAB00;
}

.card-md-new-badge .text-md-danger,
.card-md-new-badge .card-header-md-danger,
.card-md-new-badge .card-title-md-danger,
.card-md-new-badge .card-content-md-danger {
  color: #F0624D;
}

.card-md-new-badge .text-md-tam,
.card-md-new-badge .card-header-md-tam,
.card-md-new-badge .card-title-md-tam,
.card-md-new-badge .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-new-badge,
.card-title-md-new-badge,
.card-content-md-new-badge {
  color: #63BEFB;
}

.card-md .text-md-accent {
  color: #63BEFB;
}

.card-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.card-md-accent .card-header-md,
.card-md-accent .card-title-md,
.card-md-accent .card-content-md,
.card-md-accent h1,
.card-md-accent h2,
.card-md-accent h3,
.card-md-accent h4,
.card-md-accent h5,
.card-md-accent h6,
.card-md-accent p {
  color: #fff;
}

.card-md-accent .text-md-primary,
.card-md-accent .card-header-md-primary,
.card-md-accent .card-title-md-primary,
.card-md-accent .card-content-md-primary {
  color: #F68A22;
}

.card-md-accent .text-md-secondary,
.card-md-accent .card-header-md-secondary,
.card-md-accent .card-title-md-secondary,
.card-md-accent .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-accent .text-md-danger-low,
.card-md-accent .card-header-md-danger-low,
.card-md-accent .card-title-md-danger-low,
.card-md-accent .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-accent .text-md-light,
.card-md-accent .card-header-md-light,
.card-md-accent .card-title-md-light,
.card-md-accent .card-content-md-light {
  color: #f4f4f4;
}

.card-md-accent .text-md-dark,
.card-md-accent .card-header-md-dark,
.card-md-accent .card-title-md-dark,
.card-md-accent .card-content-md-dark {
  color: #222;
}

.card-md-accent .text-md-favorite,
.card-md-accent .card-header-md-favorite,
.card-md-accent .card-title-md-favorite,
.card-md-accent .card-content-md-favorite {
  color: #39B44A;
}

.card-md-accent .text-md-darkgrey,
.card-md-accent .card-header-md-darkgrey,
.card-md-accent .card-title-md-darkgrey,
.card-md-accent .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-accent .text-md-emerald,
.card-md-accent .card-header-md-emerald,
.card-md-accent .card-title-md-emerald,
.card-md-accent .card-content-md-emerald {
  color: #3498db;
}

.card-md-accent .text-md-concrete,
.card-md-accent .card-header-md-concrete,
.card-md-accent .card-title-md-concrete,
.card-md-accent .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-accent .text-md-yellow,
.card-md-accent .card-header-md-yellow,
.card-md-accent .card-title-md-yellow,
.card-md-accent .card-content-md-yellow {
  color: #ffff00;
}

.card-md-accent .text-md-black,
.card-md-accent .card-header-md-black,
.card-md-accent .card-title-md-black,
.card-md-accent .card-content-md-black {
  color: #000000;
}

.card-md-accent .text-md-grey,
.card-md-accent .card-header-md-grey,
.card-md-accent .card-title-md-grey,
.card-md-accent .card-content-md-grey {
  color: #808080;
}

.card-md-accent .text-md-red,
.card-md-accent .card-header-md-red,
.card-md-accent .card-title-md-red,
.card-md-accent .card-content-md-red {
  color: #ed4956;
}

.card-md-accent .text-md-notif,
.card-md-accent .card-header-md-notif,
.card-md-accent .card-title-md-notif,
.card-md-accent .card-content-md-notif {
  color: #17DFC4;
}

.card-md-accent .text-md-new-badge,
.card-md-accent .card-header-md-new-badge,
.card-md-accent .card-title-md-new-badge,
.card-md-accent .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-accent .text-md-accent,
.card-md-accent .card-header-md-accent,
.card-md-accent .card-title-md-accent,
.card-md-accent .card-content-md-accent {
  color: #63BEFB;
}

.card-md-accent .text-md-skeleton,
.card-md-accent .card-header-md-skeleton,
.card-md-accent .card-title-md-skeleton,
.card-md-accent .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-accent .text-md-outline,
.card-md-accent .card-header-md-outline,
.card-md-accent .card-title-md-outline,
.card-md-accent .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-accent .text-md-secondary-text,
.card-md-accent .card-header-md-secondary-text,
.card-md-accent .card-title-md-secondary-text,
.card-md-accent .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-accent .text-md-text,
.card-md-accent .card-header-md-text,
.card-md-accent .card-title-md-text,
.card-md-accent .card-content-md-text {
  color: #192528;
}

.card-md-accent .text-md-label,
.card-md-accent .card-header-md-label,
.card-md-accent .card-title-md-label,
.card-md-accent .card-content-md-label {
  color: #333333;
}

.card-md-accent .text-md-hover,
.card-md-accent .card-header-md-hover,
.card-md-accent .card-title-md-hover,
.card-md-accent .card-content-md-hover {
  color: #eff2f4;
}

.card-md-accent .text-md-hover-dark,
.card-md-accent .card-header-md-hover-dark,
.card-md-accent .card-title-md-hover-dark,
.card-md-accent .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-accent .text-md-bgcard,
.card-md-accent .card-header-md-bgcard,
.card-md-accent .card-title-md-bgcard,
.card-md-accent .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-accent .text-md-bgcard2,
.card-md-accent .card-header-md-bgcard2,
.card-md-accent .card-title-md-bgcard2,
.card-md-accent .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-accent .text-md-bglabel,
.card-md-accent .card-header-md-bglabel,
.card-md-accent .card-title-md-bglabel,
.card-md-accent .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-accent .text-md-primary-light,
.card-md-accent .card-header-md-primary-light,
.card-md-accent .card-title-md-primary-light,
.card-md-accent .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-accent .text-md-bgicon,
.card-md-accent .card-header-md-bgicon,
.card-md-accent .card-title-md-bgicon,
.card-md-accent .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-accent .text-md-primary-text,
.card-md-accent .card-header-md-primary-text,
.card-md-accent .card-title-md-primary-text,
.card-md-accent .card-content-md-primary-text {
  color: #189dae;
}

.card-md-accent .text-md-white,
.card-md-accent .card-header-md-white,
.card-md-accent .card-title-md-white,
.card-md-accent .card-content-md-white {
  color: #FFFFFF;
}

.card-md-accent .text-md-success,
.card-md-accent .card-header-md-success,
.card-md-accent .card-title-md-success,
.card-md-accent .card-content-md-success {
  color: #2BB34D;
}

.card-md-accent .text-md-info,
.card-md-accent .card-header-md-info,
.card-md-accent .card-title-md-info,
.card-md-accent .card-content-md-info {
  color: #1A73E8;
}

.card-md-accent .text-md-warning,
.card-md-accent .card-header-md-warning,
.card-md-accent .card-title-md-warning,
.card-md-accent .card-content-md-warning {
  color: #FFAB00;
}

.card-md-accent .text-md-danger,
.card-md-accent .card-header-md-danger,
.card-md-accent .card-title-md-danger,
.card-md-accent .card-content-md-danger {
  color: #F0624D;
}

.card-md-accent .text-md-tam,
.card-md-accent .card-header-md-tam,
.card-md-accent .card-title-md-tam,
.card-md-accent .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-accent,
.card-title-md-accent,
.card-content-md-accent {
  color: #63BEFB;
}

.card-md .text-md-skeleton {
  color: #dddddd;
}

.card-md-skeleton {
  color: #000;
  background-color: #dddddd;
}

.card-md-skeleton .card-header-md,
.card-md-skeleton .card-title-md,
.card-md-skeleton .card-content-md,
.card-md-skeleton h1,
.card-md-skeleton h2,
.card-md-skeleton h3,
.card-md-skeleton h4,
.card-md-skeleton h5,
.card-md-skeleton h6,
.card-md-skeleton p {
  color: #000;
}

.card-md-skeleton .text-md-primary,
.card-md-skeleton .card-header-md-primary,
.card-md-skeleton .card-title-md-primary,
.card-md-skeleton .card-content-md-primary {
  color: #F68A22;
}

.card-md-skeleton .text-md-secondary,
.card-md-skeleton .card-header-md-secondary,
.card-md-skeleton .card-title-md-secondary,
.card-md-skeleton .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-skeleton .text-md-danger-low,
.card-md-skeleton .card-header-md-danger-low,
.card-md-skeleton .card-title-md-danger-low,
.card-md-skeleton .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-skeleton .text-md-light,
.card-md-skeleton .card-header-md-light,
.card-md-skeleton .card-title-md-light,
.card-md-skeleton .card-content-md-light {
  color: #f4f4f4;
}

.card-md-skeleton .text-md-dark,
.card-md-skeleton .card-header-md-dark,
.card-md-skeleton .card-title-md-dark,
.card-md-skeleton .card-content-md-dark {
  color: #222;
}

.card-md-skeleton .text-md-favorite,
.card-md-skeleton .card-header-md-favorite,
.card-md-skeleton .card-title-md-favorite,
.card-md-skeleton .card-content-md-favorite {
  color: #39B44A;
}

.card-md-skeleton .text-md-darkgrey,
.card-md-skeleton .card-header-md-darkgrey,
.card-md-skeleton .card-title-md-darkgrey,
.card-md-skeleton .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-skeleton .text-md-emerald,
.card-md-skeleton .card-header-md-emerald,
.card-md-skeleton .card-title-md-emerald,
.card-md-skeleton .card-content-md-emerald {
  color: #3498db;
}

.card-md-skeleton .text-md-concrete,
.card-md-skeleton .card-header-md-concrete,
.card-md-skeleton .card-title-md-concrete,
.card-md-skeleton .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-skeleton .text-md-yellow,
.card-md-skeleton .card-header-md-yellow,
.card-md-skeleton .card-title-md-yellow,
.card-md-skeleton .card-content-md-yellow {
  color: #ffff00;
}

.card-md-skeleton .text-md-black,
.card-md-skeleton .card-header-md-black,
.card-md-skeleton .card-title-md-black,
.card-md-skeleton .card-content-md-black {
  color: #000000;
}

.card-md-skeleton .text-md-grey,
.card-md-skeleton .card-header-md-grey,
.card-md-skeleton .card-title-md-grey,
.card-md-skeleton .card-content-md-grey {
  color: #808080;
}

.card-md-skeleton .text-md-red,
.card-md-skeleton .card-header-md-red,
.card-md-skeleton .card-title-md-red,
.card-md-skeleton .card-content-md-red {
  color: #ed4956;
}

.card-md-skeleton .text-md-notif,
.card-md-skeleton .card-header-md-notif,
.card-md-skeleton .card-title-md-notif,
.card-md-skeleton .card-content-md-notif {
  color: #17DFC4;
}

.card-md-skeleton .text-md-new-badge,
.card-md-skeleton .card-header-md-new-badge,
.card-md-skeleton .card-title-md-new-badge,
.card-md-skeleton .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-skeleton .text-md-accent,
.card-md-skeleton .card-header-md-accent,
.card-md-skeleton .card-title-md-accent,
.card-md-skeleton .card-content-md-accent {
  color: #63BEFB;
}

.card-md-skeleton .text-md-skeleton,
.card-md-skeleton .card-header-md-skeleton,
.card-md-skeleton .card-title-md-skeleton,
.card-md-skeleton .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-skeleton .text-md-outline,
.card-md-skeleton .card-header-md-outline,
.card-md-skeleton .card-title-md-outline,
.card-md-skeleton .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-skeleton .text-md-secondary-text,
.card-md-skeleton .card-header-md-secondary-text,
.card-md-skeleton .card-title-md-secondary-text,
.card-md-skeleton .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-skeleton .text-md-text,
.card-md-skeleton .card-header-md-text,
.card-md-skeleton .card-title-md-text,
.card-md-skeleton .card-content-md-text {
  color: #192528;
}

.card-md-skeleton .text-md-label,
.card-md-skeleton .card-header-md-label,
.card-md-skeleton .card-title-md-label,
.card-md-skeleton .card-content-md-label {
  color: #333333;
}

.card-md-skeleton .text-md-hover,
.card-md-skeleton .card-header-md-hover,
.card-md-skeleton .card-title-md-hover,
.card-md-skeleton .card-content-md-hover {
  color: #eff2f4;
}

.card-md-skeleton .text-md-hover-dark,
.card-md-skeleton .card-header-md-hover-dark,
.card-md-skeleton .card-title-md-hover-dark,
.card-md-skeleton .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-skeleton .text-md-bgcard,
.card-md-skeleton .card-header-md-bgcard,
.card-md-skeleton .card-title-md-bgcard,
.card-md-skeleton .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-skeleton .text-md-bgcard2,
.card-md-skeleton .card-header-md-bgcard2,
.card-md-skeleton .card-title-md-bgcard2,
.card-md-skeleton .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-skeleton .text-md-bglabel,
.card-md-skeleton .card-header-md-bglabel,
.card-md-skeleton .card-title-md-bglabel,
.card-md-skeleton .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-skeleton .text-md-primary-light,
.card-md-skeleton .card-header-md-primary-light,
.card-md-skeleton .card-title-md-primary-light,
.card-md-skeleton .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-skeleton .text-md-bgicon,
.card-md-skeleton .card-header-md-bgicon,
.card-md-skeleton .card-title-md-bgicon,
.card-md-skeleton .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-skeleton .text-md-primary-text,
.card-md-skeleton .card-header-md-primary-text,
.card-md-skeleton .card-title-md-primary-text,
.card-md-skeleton .card-content-md-primary-text {
  color: #189dae;
}

.card-md-skeleton .text-md-white,
.card-md-skeleton .card-header-md-white,
.card-md-skeleton .card-title-md-white,
.card-md-skeleton .card-content-md-white {
  color: #FFFFFF;
}

.card-md-skeleton .text-md-success,
.card-md-skeleton .card-header-md-success,
.card-md-skeleton .card-title-md-success,
.card-md-skeleton .card-content-md-success {
  color: #2BB34D;
}

.card-md-skeleton .text-md-info,
.card-md-skeleton .card-header-md-info,
.card-md-skeleton .card-title-md-info,
.card-md-skeleton .card-content-md-info {
  color: #1A73E8;
}

.card-md-skeleton .text-md-warning,
.card-md-skeleton .card-header-md-warning,
.card-md-skeleton .card-title-md-warning,
.card-md-skeleton .card-content-md-warning {
  color: #FFAB00;
}

.card-md-skeleton .text-md-danger,
.card-md-skeleton .card-header-md-danger,
.card-md-skeleton .card-title-md-danger,
.card-md-skeleton .card-content-md-danger {
  color: #F0624D;
}

.card-md-skeleton .text-md-tam,
.card-md-skeleton .card-header-md-tam,
.card-md-skeleton .card-title-md-tam,
.card-md-skeleton .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-skeleton,
.card-title-md-skeleton,
.card-content-md-skeleton {
  color: #dddddd;
}

.card-md .text-md-outline {
  color: #dbdbe1;
}

.card-md-outline {
  color: #000;
  background-color: #dbdbe1;
}

.card-md-outline .card-header-md,
.card-md-outline .card-title-md,
.card-md-outline .card-content-md,
.card-md-outline h1,
.card-md-outline h2,
.card-md-outline h3,
.card-md-outline h4,
.card-md-outline h5,
.card-md-outline h6,
.card-md-outline p {
  color: #000;
}

.card-md-outline .text-md-primary,
.card-md-outline .card-header-md-primary,
.card-md-outline .card-title-md-primary,
.card-md-outline .card-content-md-primary {
  color: #F68A22;
}

.card-md-outline .text-md-secondary,
.card-md-outline .card-header-md-secondary,
.card-md-outline .card-title-md-secondary,
.card-md-outline .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-outline .text-md-danger-low,
.card-md-outline .card-header-md-danger-low,
.card-md-outline .card-title-md-danger-low,
.card-md-outline .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-outline .text-md-light,
.card-md-outline .card-header-md-light,
.card-md-outline .card-title-md-light,
.card-md-outline .card-content-md-light {
  color: #f4f4f4;
}

.card-md-outline .text-md-dark,
.card-md-outline .card-header-md-dark,
.card-md-outline .card-title-md-dark,
.card-md-outline .card-content-md-dark {
  color: #222;
}

.card-md-outline .text-md-favorite,
.card-md-outline .card-header-md-favorite,
.card-md-outline .card-title-md-favorite,
.card-md-outline .card-content-md-favorite {
  color: #39B44A;
}

.card-md-outline .text-md-darkgrey,
.card-md-outline .card-header-md-darkgrey,
.card-md-outline .card-title-md-darkgrey,
.card-md-outline .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-outline .text-md-emerald,
.card-md-outline .card-header-md-emerald,
.card-md-outline .card-title-md-emerald,
.card-md-outline .card-content-md-emerald {
  color: #3498db;
}

.card-md-outline .text-md-concrete,
.card-md-outline .card-header-md-concrete,
.card-md-outline .card-title-md-concrete,
.card-md-outline .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-outline .text-md-yellow,
.card-md-outline .card-header-md-yellow,
.card-md-outline .card-title-md-yellow,
.card-md-outline .card-content-md-yellow {
  color: #ffff00;
}

.card-md-outline .text-md-black,
.card-md-outline .card-header-md-black,
.card-md-outline .card-title-md-black,
.card-md-outline .card-content-md-black {
  color: #000000;
}

.card-md-outline .text-md-grey,
.card-md-outline .card-header-md-grey,
.card-md-outline .card-title-md-grey,
.card-md-outline .card-content-md-grey {
  color: #808080;
}

.card-md-outline .text-md-red,
.card-md-outline .card-header-md-red,
.card-md-outline .card-title-md-red,
.card-md-outline .card-content-md-red {
  color: #ed4956;
}

.card-md-outline .text-md-notif,
.card-md-outline .card-header-md-notif,
.card-md-outline .card-title-md-notif,
.card-md-outline .card-content-md-notif {
  color: #17DFC4;
}

.card-md-outline .text-md-new-badge,
.card-md-outline .card-header-md-new-badge,
.card-md-outline .card-title-md-new-badge,
.card-md-outline .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-outline .text-md-accent,
.card-md-outline .card-header-md-accent,
.card-md-outline .card-title-md-accent,
.card-md-outline .card-content-md-accent {
  color: #63BEFB;
}

.card-md-outline .text-md-skeleton,
.card-md-outline .card-header-md-skeleton,
.card-md-outline .card-title-md-skeleton,
.card-md-outline .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-outline .text-md-outline,
.card-md-outline .card-header-md-outline,
.card-md-outline .card-title-md-outline,
.card-md-outline .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-outline .text-md-secondary-text,
.card-md-outline .card-header-md-secondary-text,
.card-md-outline .card-title-md-secondary-text,
.card-md-outline .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-outline .text-md-text,
.card-md-outline .card-header-md-text,
.card-md-outline .card-title-md-text,
.card-md-outline .card-content-md-text {
  color: #192528;
}

.card-md-outline .text-md-label,
.card-md-outline .card-header-md-label,
.card-md-outline .card-title-md-label,
.card-md-outline .card-content-md-label {
  color: #333333;
}

.card-md-outline .text-md-hover,
.card-md-outline .card-header-md-hover,
.card-md-outline .card-title-md-hover,
.card-md-outline .card-content-md-hover {
  color: #eff2f4;
}

.card-md-outline .text-md-hover-dark,
.card-md-outline .card-header-md-hover-dark,
.card-md-outline .card-title-md-hover-dark,
.card-md-outline .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-outline .text-md-bgcard,
.card-md-outline .card-header-md-bgcard,
.card-md-outline .card-title-md-bgcard,
.card-md-outline .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-outline .text-md-bgcard2,
.card-md-outline .card-header-md-bgcard2,
.card-md-outline .card-title-md-bgcard2,
.card-md-outline .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-outline .text-md-bglabel,
.card-md-outline .card-header-md-bglabel,
.card-md-outline .card-title-md-bglabel,
.card-md-outline .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-outline .text-md-primary-light,
.card-md-outline .card-header-md-primary-light,
.card-md-outline .card-title-md-primary-light,
.card-md-outline .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-outline .text-md-bgicon,
.card-md-outline .card-header-md-bgicon,
.card-md-outline .card-title-md-bgicon,
.card-md-outline .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-outline .text-md-primary-text,
.card-md-outline .card-header-md-primary-text,
.card-md-outline .card-title-md-primary-text,
.card-md-outline .card-content-md-primary-text {
  color: #189dae;
}

.card-md-outline .text-md-white,
.card-md-outline .card-header-md-white,
.card-md-outline .card-title-md-white,
.card-md-outline .card-content-md-white {
  color: #FFFFFF;
}

.card-md-outline .text-md-success,
.card-md-outline .card-header-md-success,
.card-md-outline .card-title-md-success,
.card-md-outline .card-content-md-success {
  color: #2BB34D;
}

.card-md-outline .text-md-info,
.card-md-outline .card-header-md-info,
.card-md-outline .card-title-md-info,
.card-md-outline .card-content-md-info {
  color: #1A73E8;
}

.card-md-outline .text-md-warning,
.card-md-outline .card-header-md-warning,
.card-md-outline .card-title-md-warning,
.card-md-outline .card-content-md-warning {
  color: #FFAB00;
}

.card-md-outline .text-md-danger,
.card-md-outline .card-header-md-danger,
.card-md-outline .card-title-md-danger,
.card-md-outline .card-content-md-danger {
  color: #F0624D;
}

.card-md-outline .text-md-tam,
.card-md-outline .card-header-md-tam,
.card-md-outline .card-title-md-tam,
.card-md-outline .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-outline,
.card-title-md-outline,
.card-content-md-outline {
  color: #dbdbe1;
}

.card-md .text-md-secondary-text {
  color: #A5B0B7;
}

.card-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.card-md-secondary-text .card-header-md,
.card-md-secondary-text .card-title-md,
.card-md-secondary-text .card-content-md,
.card-md-secondary-text h1,
.card-md-secondary-text h2,
.card-md-secondary-text h3,
.card-md-secondary-text h4,
.card-md-secondary-text h5,
.card-md-secondary-text h6,
.card-md-secondary-text p {
  color: #fff;
}

.card-md-secondary-text .text-md-primary,
.card-md-secondary-text .card-header-md-primary,
.card-md-secondary-text .card-title-md-primary,
.card-md-secondary-text .card-content-md-primary {
  color: #F68A22;
}

.card-md-secondary-text .text-md-secondary,
.card-md-secondary-text .card-header-md-secondary,
.card-md-secondary-text .card-title-md-secondary,
.card-md-secondary-text .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-secondary-text .text-md-danger-low,
.card-md-secondary-text .card-header-md-danger-low,
.card-md-secondary-text .card-title-md-danger-low,
.card-md-secondary-text .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-secondary-text .text-md-light,
.card-md-secondary-text .card-header-md-light,
.card-md-secondary-text .card-title-md-light,
.card-md-secondary-text .card-content-md-light {
  color: #f4f4f4;
}

.card-md-secondary-text .text-md-dark,
.card-md-secondary-text .card-header-md-dark,
.card-md-secondary-text .card-title-md-dark,
.card-md-secondary-text .card-content-md-dark {
  color: #222;
}

.card-md-secondary-text .text-md-favorite,
.card-md-secondary-text .card-header-md-favorite,
.card-md-secondary-text .card-title-md-favorite,
.card-md-secondary-text .card-content-md-favorite {
  color: #39B44A;
}

.card-md-secondary-text .text-md-darkgrey,
.card-md-secondary-text .card-header-md-darkgrey,
.card-md-secondary-text .card-title-md-darkgrey,
.card-md-secondary-text .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-secondary-text .text-md-emerald,
.card-md-secondary-text .card-header-md-emerald,
.card-md-secondary-text .card-title-md-emerald,
.card-md-secondary-text .card-content-md-emerald {
  color: #3498db;
}

.card-md-secondary-text .text-md-concrete,
.card-md-secondary-text .card-header-md-concrete,
.card-md-secondary-text .card-title-md-concrete,
.card-md-secondary-text .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-secondary-text .text-md-yellow,
.card-md-secondary-text .card-header-md-yellow,
.card-md-secondary-text .card-title-md-yellow,
.card-md-secondary-text .card-content-md-yellow {
  color: #ffff00;
}

.card-md-secondary-text .text-md-black,
.card-md-secondary-text .card-header-md-black,
.card-md-secondary-text .card-title-md-black,
.card-md-secondary-text .card-content-md-black {
  color: #000000;
}

.card-md-secondary-text .text-md-grey,
.card-md-secondary-text .card-header-md-grey,
.card-md-secondary-text .card-title-md-grey,
.card-md-secondary-text .card-content-md-grey {
  color: #808080;
}

.card-md-secondary-text .text-md-red,
.card-md-secondary-text .card-header-md-red,
.card-md-secondary-text .card-title-md-red,
.card-md-secondary-text .card-content-md-red {
  color: #ed4956;
}

.card-md-secondary-text .text-md-notif,
.card-md-secondary-text .card-header-md-notif,
.card-md-secondary-text .card-title-md-notif,
.card-md-secondary-text .card-content-md-notif {
  color: #17DFC4;
}

.card-md-secondary-text .text-md-new-badge,
.card-md-secondary-text .card-header-md-new-badge,
.card-md-secondary-text .card-title-md-new-badge,
.card-md-secondary-text .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-secondary-text .text-md-accent,
.card-md-secondary-text .card-header-md-accent,
.card-md-secondary-text .card-title-md-accent,
.card-md-secondary-text .card-content-md-accent {
  color: #63BEFB;
}

.card-md-secondary-text .text-md-skeleton,
.card-md-secondary-text .card-header-md-skeleton,
.card-md-secondary-text .card-title-md-skeleton,
.card-md-secondary-text .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-secondary-text .text-md-outline,
.card-md-secondary-text .card-header-md-outline,
.card-md-secondary-text .card-title-md-outline,
.card-md-secondary-text .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-secondary-text .text-md-secondary-text,
.card-md-secondary-text .card-header-md-secondary-text,
.card-md-secondary-text .card-title-md-secondary-text,
.card-md-secondary-text .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-secondary-text .text-md-text,
.card-md-secondary-text .card-header-md-text,
.card-md-secondary-text .card-title-md-text,
.card-md-secondary-text .card-content-md-text {
  color: #192528;
}

.card-md-secondary-text .text-md-label,
.card-md-secondary-text .card-header-md-label,
.card-md-secondary-text .card-title-md-label,
.card-md-secondary-text .card-content-md-label {
  color: #333333;
}

.card-md-secondary-text .text-md-hover,
.card-md-secondary-text .card-header-md-hover,
.card-md-secondary-text .card-title-md-hover,
.card-md-secondary-text .card-content-md-hover {
  color: #eff2f4;
}

.card-md-secondary-text .text-md-hover-dark,
.card-md-secondary-text .card-header-md-hover-dark,
.card-md-secondary-text .card-title-md-hover-dark,
.card-md-secondary-text .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-secondary-text .text-md-bgcard,
.card-md-secondary-text .card-header-md-bgcard,
.card-md-secondary-text .card-title-md-bgcard,
.card-md-secondary-text .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-secondary-text .text-md-bgcard2,
.card-md-secondary-text .card-header-md-bgcard2,
.card-md-secondary-text .card-title-md-bgcard2,
.card-md-secondary-text .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-secondary-text .text-md-bglabel,
.card-md-secondary-text .card-header-md-bglabel,
.card-md-secondary-text .card-title-md-bglabel,
.card-md-secondary-text .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-secondary-text .text-md-primary-light,
.card-md-secondary-text .card-header-md-primary-light,
.card-md-secondary-text .card-title-md-primary-light,
.card-md-secondary-text .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-secondary-text .text-md-bgicon,
.card-md-secondary-text .card-header-md-bgicon,
.card-md-secondary-text .card-title-md-bgicon,
.card-md-secondary-text .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-secondary-text .text-md-primary-text,
.card-md-secondary-text .card-header-md-primary-text,
.card-md-secondary-text .card-title-md-primary-text,
.card-md-secondary-text .card-content-md-primary-text {
  color: #189dae;
}

.card-md-secondary-text .text-md-white,
.card-md-secondary-text .card-header-md-white,
.card-md-secondary-text .card-title-md-white,
.card-md-secondary-text .card-content-md-white {
  color: #FFFFFF;
}

.card-md-secondary-text .text-md-success,
.card-md-secondary-text .card-header-md-success,
.card-md-secondary-text .card-title-md-success,
.card-md-secondary-text .card-content-md-success {
  color: #2BB34D;
}

.card-md-secondary-text .text-md-info,
.card-md-secondary-text .card-header-md-info,
.card-md-secondary-text .card-title-md-info,
.card-md-secondary-text .card-content-md-info {
  color: #1A73E8;
}

.card-md-secondary-text .text-md-warning,
.card-md-secondary-text .card-header-md-warning,
.card-md-secondary-text .card-title-md-warning,
.card-md-secondary-text .card-content-md-warning {
  color: #FFAB00;
}

.card-md-secondary-text .text-md-danger,
.card-md-secondary-text .card-header-md-danger,
.card-md-secondary-text .card-title-md-danger,
.card-md-secondary-text .card-content-md-danger {
  color: #F0624D;
}

.card-md-secondary-text .text-md-tam,
.card-md-secondary-text .card-header-md-tam,
.card-md-secondary-text .card-title-md-tam,
.card-md-secondary-text .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-secondary-text,
.card-title-md-secondary-text,
.card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md .text-md-text {
  color: #192528;
}

.card-md-text {
  color: #fff;
  background-color: #192528;
}

.card-md-text .card-header-md,
.card-md-text .card-title-md,
.card-md-text .card-content-md,
.card-md-text h1,
.card-md-text h2,
.card-md-text h3,
.card-md-text h4,
.card-md-text h5,
.card-md-text h6,
.card-md-text p {
  color: #fff;
}

.card-md-text .text-md-primary,
.card-md-text .card-header-md-primary,
.card-md-text .card-title-md-primary,
.card-md-text .card-content-md-primary {
  color: #F68A22;
}

.card-md-text .text-md-secondary,
.card-md-text .card-header-md-secondary,
.card-md-text .card-title-md-secondary,
.card-md-text .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-text .text-md-danger-low,
.card-md-text .card-header-md-danger-low,
.card-md-text .card-title-md-danger-low,
.card-md-text .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-text .text-md-light,
.card-md-text .card-header-md-light,
.card-md-text .card-title-md-light,
.card-md-text .card-content-md-light {
  color: #f4f4f4;
}

.card-md-text .text-md-dark,
.card-md-text .card-header-md-dark,
.card-md-text .card-title-md-dark,
.card-md-text .card-content-md-dark {
  color: #222;
}

.card-md-text .text-md-favorite,
.card-md-text .card-header-md-favorite,
.card-md-text .card-title-md-favorite,
.card-md-text .card-content-md-favorite {
  color: #39B44A;
}

.card-md-text .text-md-darkgrey,
.card-md-text .card-header-md-darkgrey,
.card-md-text .card-title-md-darkgrey,
.card-md-text .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-text .text-md-emerald,
.card-md-text .card-header-md-emerald,
.card-md-text .card-title-md-emerald,
.card-md-text .card-content-md-emerald {
  color: #3498db;
}

.card-md-text .text-md-concrete,
.card-md-text .card-header-md-concrete,
.card-md-text .card-title-md-concrete,
.card-md-text .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-text .text-md-yellow,
.card-md-text .card-header-md-yellow,
.card-md-text .card-title-md-yellow,
.card-md-text .card-content-md-yellow {
  color: #ffff00;
}

.card-md-text .text-md-black,
.card-md-text .card-header-md-black,
.card-md-text .card-title-md-black,
.card-md-text .card-content-md-black {
  color: #000000;
}

.card-md-text .text-md-grey,
.card-md-text .card-header-md-grey,
.card-md-text .card-title-md-grey,
.card-md-text .card-content-md-grey {
  color: #808080;
}

.card-md-text .text-md-red,
.card-md-text .card-header-md-red,
.card-md-text .card-title-md-red,
.card-md-text .card-content-md-red {
  color: #ed4956;
}

.card-md-text .text-md-notif,
.card-md-text .card-header-md-notif,
.card-md-text .card-title-md-notif,
.card-md-text .card-content-md-notif {
  color: #17DFC4;
}

.card-md-text .text-md-new-badge,
.card-md-text .card-header-md-new-badge,
.card-md-text .card-title-md-new-badge,
.card-md-text .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-text .text-md-accent,
.card-md-text .card-header-md-accent,
.card-md-text .card-title-md-accent,
.card-md-text .card-content-md-accent {
  color: #63BEFB;
}

.card-md-text .text-md-skeleton,
.card-md-text .card-header-md-skeleton,
.card-md-text .card-title-md-skeleton,
.card-md-text .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-text .text-md-outline,
.card-md-text .card-header-md-outline,
.card-md-text .card-title-md-outline,
.card-md-text .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-text .text-md-secondary-text,
.card-md-text .card-header-md-secondary-text,
.card-md-text .card-title-md-secondary-text,
.card-md-text .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-text .text-md-text,
.card-md-text .card-header-md-text,
.card-md-text .card-title-md-text,
.card-md-text .card-content-md-text {
  color: #192528;
}

.card-md-text .text-md-label,
.card-md-text .card-header-md-label,
.card-md-text .card-title-md-label,
.card-md-text .card-content-md-label {
  color: #333333;
}

.card-md-text .text-md-hover,
.card-md-text .card-header-md-hover,
.card-md-text .card-title-md-hover,
.card-md-text .card-content-md-hover {
  color: #eff2f4;
}

.card-md-text .text-md-hover-dark,
.card-md-text .card-header-md-hover-dark,
.card-md-text .card-title-md-hover-dark,
.card-md-text .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-text .text-md-bgcard,
.card-md-text .card-header-md-bgcard,
.card-md-text .card-title-md-bgcard,
.card-md-text .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-text .text-md-bgcard2,
.card-md-text .card-header-md-bgcard2,
.card-md-text .card-title-md-bgcard2,
.card-md-text .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-text .text-md-bglabel,
.card-md-text .card-header-md-bglabel,
.card-md-text .card-title-md-bglabel,
.card-md-text .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-text .text-md-primary-light,
.card-md-text .card-header-md-primary-light,
.card-md-text .card-title-md-primary-light,
.card-md-text .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-text .text-md-bgicon,
.card-md-text .card-header-md-bgicon,
.card-md-text .card-title-md-bgicon,
.card-md-text .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-text .text-md-primary-text,
.card-md-text .card-header-md-primary-text,
.card-md-text .card-title-md-primary-text,
.card-md-text .card-content-md-primary-text {
  color: #189dae;
}

.card-md-text .text-md-white,
.card-md-text .card-header-md-white,
.card-md-text .card-title-md-white,
.card-md-text .card-content-md-white {
  color: #FFFFFF;
}

.card-md-text .text-md-success,
.card-md-text .card-header-md-success,
.card-md-text .card-title-md-success,
.card-md-text .card-content-md-success {
  color: #2BB34D;
}

.card-md-text .text-md-info,
.card-md-text .card-header-md-info,
.card-md-text .card-title-md-info,
.card-md-text .card-content-md-info {
  color: #1A73E8;
}

.card-md-text .text-md-warning,
.card-md-text .card-header-md-warning,
.card-md-text .card-title-md-warning,
.card-md-text .card-content-md-warning {
  color: #FFAB00;
}

.card-md-text .text-md-danger,
.card-md-text .card-header-md-danger,
.card-md-text .card-title-md-danger,
.card-md-text .card-content-md-danger {
  color: #F0624D;
}

.card-md-text .text-md-tam,
.card-md-text .card-header-md-tam,
.card-md-text .card-title-md-tam,
.card-md-text .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-text,
.card-title-md-text,
.card-content-md-text {
  color: #192528;
}

.card-md .text-md-label {
  color: #333333;
}

.card-md-label {
  color: #fff;
  background-color: #333333;
}

.card-md-label .card-header-md,
.card-md-label .card-title-md,
.card-md-label .card-content-md,
.card-md-label h1,
.card-md-label h2,
.card-md-label h3,
.card-md-label h4,
.card-md-label h5,
.card-md-label h6,
.card-md-label p {
  color: #fff;
}

.card-md-label .text-md-primary,
.card-md-label .card-header-md-primary,
.card-md-label .card-title-md-primary,
.card-md-label .card-content-md-primary {
  color: #F68A22;
}

.card-md-label .text-md-secondary,
.card-md-label .card-header-md-secondary,
.card-md-label .card-title-md-secondary,
.card-md-label .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-label .text-md-danger-low,
.card-md-label .card-header-md-danger-low,
.card-md-label .card-title-md-danger-low,
.card-md-label .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-label .text-md-light,
.card-md-label .card-header-md-light,
.card-md-label .card-title-md-light,
.card-md-label .card-content-md-light {
  color: #f4f4f4;
}

.card-md-label .text-md-dark,
.card-md-label .card-header-md-dark,
.card-md-label .card-title-md-dark,
.card-md-label .card-content-md-dark {
  color: #222;
}

.card-md-label .text-md-favorite,
.card-md-label .card-header-md-favorite,
.card-md-label .card-title-md-favorite,
.card-md-label .card-content-md-favorite {
  color: #39B44A;
}

.card-md-label .text-md-darkgrey,
.card-md-label .card-header-md-darkgrey,
.card-md-label .card-title-md-darkgrey,
.card-md-label .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-label .text-md-emerald,
.card-md-label .card-header-md-emerald,
.card-md-label .card-title-md-emerald,
.card-md-label .card-content-md-emerald {
  color: #3498db;
}

.card-md-label .text-md-concrete,
.card-md-label .card-header-md-concrete,
.card-md-label .card-title-md-concrete,
.card-md-label .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-label .text-md-yellow,
.card-md-label .card-header-md-yellow,
.card-md-label .card-title-md-yellow,
.card-md-label .card-content-md-yellow {
  color: #ffff00;
}

.card-md-label .text-md-black,
.card-md-label .card-header-md-black,
.card-md-label .card-title-md-black,
.card-md-label .card-content-md-black {
  color: #000000;
}

.card-md-label .text-md-grey,
.card-md-label .card-header-md-grey,
.card-md-label .card-title-md-grey,
.card-md-label .card-content-md-grey {
  color: #808080;
}

.card-md-label .text-md-red,
.card-md-label .card-header-md-red,
.card-md-label .card-title-md-red,
.card-md-label .card-content-md-red {
  color: #ed4956;
}

.card-md-label .text-md-notif,
.card-md-label .card-header-md-notif,
.card-md-label .card-title-md-notif,
.card-md-label .card-content-md-notif {
  color: #17DFC4;
}

.card-md-label .text-md-new-badge,
.card-md-label .card-header-md-new-badge,
.card-md-label .card-title-md-new-badge,
.card-md-label .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-label .text-md-accent,
.card-md-label .card-header-md-accent,
.card-md-label .card-title-md-accent,
.card-md-label .card-content-md-accent {
  color: #63BEFB;
}

.card-md-label .text-md-skeleton,
.card-md-label .card-header-md-skeleton,
.card-md-label .card-title-md-skeleton,
.card-md-label .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-label .text-md-outline,
.card-md-label .card-header-md-outline,
.card-md-label .card-title-md-outline,
.card-md-label .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-label .text-md-secondary-text,
.card-md-label .card-header-md-secondary-text,
.card-md-label .card-title-md-secondary-text,
.card-md-label .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-label .text-md-text,
.card-md-label .card-header-md-text,
.card-md-label .card-title-md-text,
.card-md-label .card-content-md-text {
  color: #192528;
}

.card-md-label .text-md-label,
.card-md-label .card-header-md-label,
.card-md-label .card-title-md-label,
.card-md-label .card-content-md-label {
  color: #333333;
}

.card-md-label .text-md-hover,
.card-md-label .card-header-md-hover,
.card-md-label .card-title-md-hover,
.card-md-label .card-content-md-hover {
  color: #eff2f4;
}

.card-md-label .text-md-hover-dark,
.card-md-label .card-header-md-hover-dark,
.card-md-label .card-title-md-hover-dark,
.card-md-label .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-label .text-md-bgcard,
.card-md-label .card-header-md-bgcard,
.card-md-label .card-title-md-bgcard,
.card-md-label .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-label .text-md-bgcard2,
.card-md-label .card-header-md-bgcard2,
.card-md-label .card-title-md-bgcard2,
.card-md-label .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-label .text-md-bglabel,
.card-md-label .card-header-md-bglabel,
.card-md-label .card-title-md-bglabel,
.card-md-label .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-label .text-md-primary-light,
.card-md-label .card-header-md-primary-light,
.card-md-label .card-title-md-primary-light,
.card-md-label .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-label .text-md-bgicon,
.card-md-label .card-header-md-bgicon,
.card-md-label .card-title-md-bgicon,
.card-md-label .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-label .text-md-primary-text,
.card-md-label .card-header-md-primary-text,
.card-md-label .card-title-md-primary-text,
.card-md-label .card-content-md-primary-text {
  color: #189dae;
}

.card-md-label .text-md-white,
.card-md-label .card-header-md-white,
.card-md-label .card-title-md-white,
.card-md-label .card-content-md-white {
  color: #FFFFFF;
}

.card-md-label .text-md-success,
.card-md-label .card-header-md-success,
.card-md-label .card-title-md-success,
.card-md-label .card-content-md-success {
  color: #2BB34D;
}

.card-md-label .text-md-info,
.card-md-label .card-header-md-info,
.card-md-label .card-title-md-info,
.card-md-label .card-content-md-info {
  color: #1A73E8;
}

.card-md-label .text-md-warning,
.card-md-label .card-header-md-warning,
.card-md-label .card-title-md-warning,
.card-md-label .card-content-md-warning {
  color: #FFAB00;
}

.card-md-label .text-md-danger,
.card-md-label .card-header-md-danger,
.card-md-label .card-title-md-danger,
.card-md-label .card-content-md-danger {
  color: #F0624D;
}

.card-md-label .text-md-tam,
.card-md-label .card-header-md-tam,
.card-md-label .card-title-md-tam,
.card-md-label .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-label,
.card-title-md-label,
.card-content-md-label {
  color: #333333;
}

.card-md .text-md-hover {
  color: #eff2f4;
}

.card-md-hover {
  color: #000;
  background-color: #eff2f4;
}

.card-md-hover .card-header-md,
.card-md-hover .card-title-md,
.card-md-hover .card-content-md,
.card-md-hover h1,
.card-md-hover h2,
.card-md-hover h3,
.card-md-hover h4,
.card-md-hover h5,
.card-md-hover h6,
.card-md-hover p {
  color: #000;
}

.card-md-hover .text-md-primary,
.card-md-hover .card-header-md-primary,
.card-md-hover .card-title-md-primary,
.card-md-hover .card-content-md-primary {
  color: #F68A22;
}

.card-md-hover .text-md-secondary,
.card-md-hover .card-header-md-secondary,
.card-md-hover .card-title-md-secondary,
.card-md-hover .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-hover .text-md-danger-low,
.card-md-hover .card-header-md-danger-low,
.card-md-hover .card-title-md-danger-low,
.card-md-hover .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-hover .text-md-light,
.card-md-hover .card-header-md-light,
.card-md-hover .card-title-md-light,
.card-md-hover .card-content-md-light {
  color: #f4f4f4;
}

.card-md-hover .text-md-dark,
.card-md-hover .card-header-md-dark,
.card-md-hover .card-title-md-dark,
.card-md-hover .card-content-md-dark {
  color: #222;
}

.card-md-hover .text-md-favorite,
.card-md-hover .card-header-md-favorite,
.card-md-hover .card-title-md-favorite,
.card-md-hover .card-content-md-favorite {
  color: #39B44A;
}

.card-md-hover .text-md-darkgrey,
.card-md-hover .card-header-md-darkgrey,
.card-md-hover .card-title-md-darkgrey,
.card-md-hover .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-hover .text-md-emerald,
.card-md-hover .card-header-md-emerald,
.card-md-hover .card-title-md-emerald,
.card-md-hover .card-content-md-emerald {
  color: #3498db;
}

.card-md-hover .text-md-concrete,
.card-md-hover .card-header-md-concrete,
.card-md-hover .card-title-md-concrete,
.card-md-hover .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-hover .text-md-yellow,
.card-md-hover .card-header-md-yellow,
.card-md-hover .card-title-md-yellow,
.card-md-hover .card-content-md-yellow {
  color: #ffff00;
}

.card-md-hover .text-md-black,
.card-md-hover .card-header-md-black,
.card-md-hover .card-title-md-black,
.card-md-hover .card-content-md-black {
  color: #000000;
}

.card-md-hover .text-md-grey,
.card-md-hover .card-header-md-grey,
.card-md-hover .card-title-md-grey,
.card-md-hover .card-content-md-grey {
  color: #808080;
}

.card-md-hover .text-md-red,
.card-md-hover .card-header-md-red,
.card-md-hover .card-title-md-red,
.card-md-hover .card-content-md-red {
  color: #ed4956;
}

.card-md-hover .text-md-notif,
.card-md-hover .card-header-md-notif,
.card-md-hover .card-title-md-notif,
.card-md-hover .card-content-md-notif {
  color: #17DFC4;
}

.card-md-hover .text-md-new-badge,
.card-md-hover .card-header-md-new-badge,
.card-md-hover .card-title-md-new-badge,
.card-md-hover .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-hover .text-md-accent,
.card-md-hover .card-header-md-accent,
.card-md-hover .card-title-md-accent,
.card-md-hover .card-content-md-accent {
  color: #63BEFB;
}

.card-md-hover .text-md-skeleton,
.card-md-hover .card-header-md-skeleton,
.card-md-hover .card-title-md-skeleton,
.card-md-hover .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-hover .text-md-outline,
.card-md-hover .card-header-md-outline,
.card-md-hover .card-title-md-outline,
.card-md-hover .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-hover .text-md-secondary-text,
.card-md-hover .card-header-md-secondary-text,
.card-md-hover .card-title-md-secondary-text,
.card-md-hover .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-hover .text-md-text,
.card-md-hover .card-header-md-text,
.card-md-hover .card-title-md-text,
.card-md-hover .card-content-md-text {
  color: #192528;
}

.card-md-hover .text-md-label,
.card-md-hover .card-header-md-label,
.card-md-hover .card-title-md-label,
.card-md-hover .card-content-md-label {
  color: #333333;
}

.card-md-hover .text-md-hover,
.card-md-hover .card-header-md-hover,
.card-md-hover .card-title-md-hover,
.card-md-hover .card-content-md-hover {
  color: #eff2f4;
}

.card-md-hover .text-md-hover-dark,
.card-md-hover .card-header-md-hover-dark,
.card-md-hover .card-title-md-hover-dark,
.card-md-hover .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-hover .text-md-bgcard,
.card-md-hover .card-header-md-bgcard,
.card-md-hover .card-title-md-bgcard,
.card-md-hover .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-hover .text-md-bgcard2,
.card-md-hover .card-header-md-bgcard2,
.card-md-hover .card-title-md-bgcard2,
.card-md-hover .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-hover .text-md-bglabel,
.card-md-hover .card-header-md-bglabel,
.card-md-hover .card-title-md-bglabel,
.card-md-hover .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-hover .text-md-primary-light,
.card-md-hover .card-header-md-primary-light,
.card-md-hover .card-title-md-primary-light,
.card-md-hover .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-hover .text-md-bgicon,
.card-md-hover .card-header-md-bgicon,
.card-md-hover .card-title-md-bgicon,
.card-md-hover .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-hover .text-md-primary-text,
.card-md-hover .card-header-md-primary-text,
.card-md-hover .card-title-md-primary-text,
.card-md-hover .card-content-md-primary-text {
  color: #189dae;
}

.card-md-hover .text-md-white,
.card-md-hover .card-header-md-white,
.card-md-hover .card-title-md-white,
.card-md-hover .card-content-md-white {
  color: #FFFFFF;
}

.card-md-hover .text-md-success,
.card-md-hover .card-header-md-success,
.card-md-hover .card-title-md-success,
.card-md-hover .card-content-md-success {
  color: #2BB34D;
}

.card-md-hover .text-md-info,
.card-md-hover .card-header-md-info,
.card-md-hover .card-title-md-info,
.card-md-hover .card-content-md-info {
  color: #1A73E8;
}

.card-md-hover .text-md-warning,
.card-md-hover .card-header-md-warning,
.card-md-hover .card-title-md-warning,
.card-md-hover .card-content-md-warning {
  color: #FFAB00;
}

.card-md-hover .text-md-danger,
.card-md-hover .card-header-md-danger,
.card-md-hover .card-title-md-danger,
.card-md-hover .card-content-md-danger {
  color: #F0624D;
}

.card-md-hover .text-md-tam,
.card-md-hover .card-header-md-tam,
.card-md-hover .card-title-md-tam,
.card-md-hover .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-hover,
.card-title-md-hover,
.card-content-md-hover {
  color: #eff2f4;
}

.card-md .text-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.card-md-hover-dark .card-header-md,
.card-md-hover-dark .card-title-md,
.card-md-hover-dark .card-content-md,
.card-md-hover-dark h1,
.card-md-hover-dark h2,
.card-md-hover-dark h3,
.card-md-hover-dark h4,
.card-md-hover-dark h5,
.card-md-hover-dark h6,
.card-md-hover-dark p {
  color: #fff;
}

.card-md-hover-dark .text-md-primary,
.card-md-hover-dark .card-header-md-primary,
.card-md-hover-dark .card-title-md-primary,
.card-md-hover-dark .card-content-md-primary {
  color: #F68A22;
}

.card-md-hover-dark .text-md-secondary,
.card-md-hover-dark .card-header-md-secondary,
.card-md-hover-dark .card-title-md-secondary,
.card-md-hover-dark .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-hover-dark .text-md-danger-low,
.card-md-hover-dark .card-header-md-danger-low,
.card-md-hover-dark .card-title-md-danger-low,
.card-md-hover-dark .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-hover-dark .text-md-light,
.card-md-hover-dark .card-header-md-light,
.card-md-hover-dark .card-title-md-light,
.card-md-hover-dark .card-content-md-light {
  color: #f4f4f4;
}

.card-md-hover-dark .text-md-dark,
.card-md-hover-dark .card-header-md-dark,
.card-md-hover-dark .card-title-md-dark,
.card-md-hover-dark .card-content-md-dark {
  color: #222;
}

.card-md-hover-dark .text-md-favorite,
.card-md-hover-dark .card-header-md-favorite,
.card-md-hover-dark .card-title-md-favorite,
.card-md-hover-dark .card-content-md-favorite {
  color: #39B44A;
}

.card-md-hover-dark .text-md-darkgrey,
.card-md-hover-dark .card-header-md-darkgrey,
.card-md-hover-dark .card-title-md-darkgrey,
.card-md-hover-dark .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-hover-dark .text-md-emerald,
.card-md-hover-dark .card-header-md-emerald,
.card-md-hover-dark .card-title-md-emerald,
.card-md-hover-dark .card-content-md-emerald {
  color: #3498db;
}

.card-md-hover-dark .text-md-concrete,
.card-md-hover-dark .card-header-md-concrete,
.card-md-hover-dark .card-title-md-concrete,
.card-md-hover-dark .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-hover-dark .text-md-yellow,
.card-md-hover-dark .card-header-md-yellow,
.card-md-hover-dark .card-title-md-yellow,
.card-md-hover-dark .card-content-md-yellow {
  color: #ffff00;
}

.card-md-hover-dark .text-md-black,
.card-md-hover-dark .card-header-md-black,
.card-md-hover-dark .card-title-md-black,
.card-md-hover-dark .card-content-md-black {
  color: #000000;
}

.card-md-hover-dark .text-md-grey,
.card-md-hover-dark .card-header-md-grey,
.card-md-hover-dark .card-title-md-grey,
.card-md-hover-dark .card-content-md-grey {
  color: #808080;
}

.card-md-hover-dark .text-md-red,
.card-md-hover-dark .card-header-md-red,
.card-md-hover-dark .card-title-md-red,
.card-md-hover-dark .card-content-md-red {
  color: #ed4956;
}

.card-md-hover-dark .text-md-notif,
.card-md-hover-dark .card-header-md-notif,
.card-md-hover-dark .card-title-md-notif,
.card-md-hover-dark .card-content-md-notif {
  color: #17DFC4;
}

.card-md-hover-dark .text-md-new-badge,
.card-md-hover-dark .card-header-md-new-badge,
.card-md-hover-dark .card-title-md-new-badge,
.card-md-hover-dark .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-hover-dark .text-md-accent,
.card-md-hover-dark .card-header-md-accent,
.card-md-hover-dark .card-title-md-accent,
.card-md-hover-dark .card-content-md-accent {
  color: #63BEFB;
}

.card-md-hover-dark .text-md-skeleton,
.card-md-hover-dark .card-header-md-skeleton,
.card-md-hover-dark .card-title-md-skeleton,
.card-md-hover-dark .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-hover-dark .text-md-outline,
.card-md-hover-dark .card-header-md-outline,
.card-md-hover-dark .card-title-md-outline,
.card-md-hover-dark .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-hover-dark .text-md-secondary-text,
.card-md-hover-dark .card-header-md-secondary-text,
.card-md-hover-dark .card-title-md-secondary-text,
.card-md-hover-dark .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-hover-dark .text-md-text,
.card-md-hover-dark .card-header-md-text,
.card-md-hover-dark .card-title-md-text,
.card-md-hover-dark .card-content-md-text {
  color: #192528;
}

.card-md-hover-dark .text-md-label,
.card-md-hover-dark .card-header-md-label,
.card-md-hover-dark .card-title-md-label,
.card-md-hover-dark .card-content-md-label {
  color: #333333;
}

.card-md-hover-dark .text-md-hover,
.card-md-hover-dark .card-header-md-hover,
.card-md-hover-dark .card-title-md-hover,
.card-md-hover-dark .card-content-md-hover {
  color: #eff2f4;
}

.card-md-hover-dark .text-md-hover-dark,
.card-md-hover-dark .card-header-md-hover-dark,
.card-md-hover-dark .card-title-md-hover-dark,
.card-md-hover-dark .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-hover-dark .text-md-bgcard,
.card-md-hover-dark .card-header-md-bgcard,
.card-md-hover-dark .card-title-md-bgcard,
.card-md-hover-dark .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-hover-dark .text-md-bgcard2,
.card-md-hover-dark .card-header-md-bgcard2,
.card-md-hover-dark .card-title-md-bgcard2,
.card-md-hover-dark .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-hover-dark .text-md-bglabel,
.card-md-hover-dark .card-header-md-bglabel,
.card-md-hover-dark .card-title-md-bglabel,
.card-md-hover-dark .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-hover-dark .text-md-primary-light,
.card-md-hover-dark .card-header-md-primary-light,
.card-md-hover-dark .card-title-md-primary-light,
.card-md-hover-dark .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-hover-dark .text-md-bgicon,
.card-md-hover-dark .card-header-md-bgicon,
.card-md-hover-dark .card-title-md-bgicon,
.card-md-hover-dark .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-hover-dark .text-md-primary-text,
.card-md-hover-dark .card-header-md-primary-text,
.card-md-hover-dark .card-title-md-primary-text,
.card-md-hover-dark .card-content-md-primary-text {
  color: #189dae;
}

.card-md-hover-dark .text-md-white,
.card-md-hover-dark .card-header-md-white,
.card-md-hover-dark .card-title-md-white,
.card-md-hover-dark .card-content-md-white {
  color: #FFFFFF;
}

.card-md-hover-dark .text-md-success,
.card-md-hover-dark .card-header-md-success,
.card-md-hover-dark .card-title-md-success,
.card-md-hover-dark .card-content-md-success {
  color: #2BB34D;
}

.card-md-hover-dark .text-md-info,
.card-md-hover-dark .card-header-md-info,
.card-md-hover-dark .card-title-md-info,
.card-md-hover-dark .card-content-md-info {
  color: #1A73E8;
}

.card-md-hover-dark .text-md-warning,
.card-md-hover-dark .card-header-md-warning,
.card-md-hover-dark .card-title-md-warning,
.card-md-hover-dark .card-content-md-warning {
  color: #FFAB00;
}

.card-md-hover-dark .text-md-danger,
.card-md-hover-dark .card-header-md-danger,
.card-md-hover-dark .card-title-md-danger,
.card-md-hover-dark .card-content-md-danger {
  color: #F0624D;
}

.card-md-hover-dark .text-md-tam,
.card-md-hover-dark .card-header-md-tam,
.card-md-hover-dark .card-title-md-tam,
.card-md-hover-dark .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-hover-dark,
.card-title-md-hover-dark,
.card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md .text-md-bgcard {
  color: #f2f5f8;
}

.card-md-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.card-md-bgcard .card-header-md,
.card-md-bgcard .card-title-md,
.card-md-bgcard .card-content-md,
.card-md-bgcard h1,
.card-md-bgcard h2,
.card-md-bgcard h3,
.card-md-bgcard h4,
.card-md-bgcard h5,
.card-md-bgcard h6,
.card-md-bgcard p {
  color: #000;
}

.card-md-bgcard .text-md-primary,
.card-md-bgcard .card-header-md-primary,
.card-md-bgcard .card-title-md-primary,
.card-md-bgcard .card-content-md-primary {
  color: #F68A22;
}

.card-md-bgcard .text-md-secondary,
.card-md-bgcard .card-header-md-secondary,
.card-md-bgcard .card-title-md-secondary,
.card-md-bgcard .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-bgcard .text-md-danger-low,
.card-md-bgcard .card-header-md-danger-low,
.card-md-bgcard .card-title-md-danger-low,
.card-md-bgcard .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-bgcard .text-md-light,
.card-md-bgcard .card-header-md-light,
.card-md-bgcard .card-title-md-light,
.card-md-bgcard .card-content-md-light {
  color: #f4f4f4;
}

.card-md-bgcard .text-md-dark,
.card-md-bgcard .card-header-md-dark,
.card-md-bgcard .card-title-md-dark,
.card-md-bgcard .card-content-md-dark {
  color: #222;
}

.card-md-bgcard .text-md-favorite,
.card-md-bgcard .card-header-md-favorite,
.card-md-bgcard .card-title-md-favorite,
.card-md-bgcard .card-content-md-favorite {
  color: #39B44A;
}

.card-md-bgcard .text-md-darkgrey,
.card-md-bgcard .card-header-md-darkgrey,
.card-md-bgcard .card-title-md-darkgrey,
.card-md-bgcard .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-bgcard .text-md-emerald,
.card-md-bgcard .card-header-md-emerald,
.card-md-bgcard .card-title-md-emerald,
.card-md-bgcard .card-content-md-emerald {
  color: #3498db;
}

.card-md-bgcard .text-md-concrete,
.card-md-bgcard .card-header-md-concrete,
.card-md-bgcard .card-title-md-concrete,
.card-md-bgcard .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-bgcard .text-md-yellow,
.card-md-bgcard .card-header-md-yellow,
.card-md-bgcard .card-title-md-yellow,
.card-md-bgcard .card-content-md-yellow {
  color: #ffff00;
}

.card-md-bgcard .text-md-black,
.card-md-bgcard .card-header-md-black,
.card-md-bgcard .card-title-md-black,
.card-md-bgcard .card-content-md-black {
  color: #000000;
}

.card-md-bgcard .text-md-grey,
.card-md-bgcard .card-header-md-grey,
.card-md-bgcard .card-title-md-grey,
.card-md-bgcard .card-content-md-grey {
  color: #808080;
}

.card-md-bgcard .text-md-red,
.card-md-bgcard .card-header-md-red,
.card-md-bgcard .card-title-md-red,
.card-md-bgcard .card-content-md-red {
  color: #ed4956;
}

.card-md-bgcard .text-md-notif,
.card-md-bgcard .card-header-md-notif,
.card-md-bgcard .card-title-md-notif,
.card-md-bgcard .card-content-md-notif {
  color: #17DFC4;
}

.card-md-bgcard .text-md-new-badge,
.card-md-bgcard .card-header-md-new-badge,
.card-md-bgcard .card-title-md-new-badge,
.card-md-bgcard .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-bgcard .text-md-accent,
.card-md-bgcard .card-header-md-accent,
.card-md-bgcard .card-title-md-accent,
.card-md-bgcard .card-content-md-accent {
  color: #63BEFB;
}

.card-md-bgcard .text-md-skeleton,
.card-md-bgcard .card-header-md-skeleton,
.card-md-bgcard .card-title-md-skeleton,
.card-md-bgcard .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-bgcard .text-md-outline,
.card-md-bgcard .card-header-md-outline,
.card-md-bgcard .card-title-md-outline,
.card-md-bgcard .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-bgcard .text-md-secondary-text,
.card-md-bgcard .card-header-md-secondary-text,
.card-md-bgcard .card-title-md-secondary-text,
.card-md-bgcard .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-bgcard .text-md-text,
.card-md-bgcard .card-header-md-text,
.card-md-bgcard .card-title-md-text,
.card-md-bgcard .card-content-md-text {
  color: #192528;
}

.card-md-bgcard .text-md-label,
.card-md-bgcard .card-header-md-label,
.card-md-bgcard .card-title-md-label,
.card-md-bgcard .card-content-md-label {
  color: #333333;
}

.card-md-bgcard .text-md-hover,
.card-md-bgcard .card-header-md-hover,
.card-md-bgcard .card-title-md-hover,
.card-md-bgcard .card-content-md-hover {
  color: #eff2f4;
}

.card-md-bgcard .text-md-hover-dark,
.card-md-bgcard .card-header-md-hover-dark,
.card-md-bgcard .card-title-md-hover-dark,
.card-md-bgcard .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-bgcard .text-md-bgcard,
.card-md-bgcard .card-header-md-bgcard,
.card-md-bgcard .card-title-md-bgcard,
.card-md-bgcard .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-bgcard .text-md-bgcard2,
.card-md-bgcard .card-header-md-bgcard2,
.card-md-bgcard .card-title-md-bgcard2,
.card-md-bgcard .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-bgcard .text-md-bglabel,
.card-md-bgcard .card-header-md-bglabel,
.card-md-bgcard .card-title-md-bglabel,
.card-md-bgcard .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-bgcard .text-md-primary-light,
.card-md-bgcard .card-header-md-primary-light,
.card-md-bgcard .card-title-md-primary-light,
.card-md-bgcard .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-bgcard .text-md-bgicon,
.card-md-bgcard .card-header-md-bgicon,
.card-md-bgcard .card-title-md-bgicon,
.card-md-bgcard .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-bgcard .text-md-primary-text,
.card-md-bgcard .card-header-md-primary-text,
.card-md-bgcard .card-title-md-primary-text,
.card-md-bgcard .card-content-md-primary-text {
  color: #189dae;
}

.card-md-bgcard .text-md-white,
.card-md-bgcard .card-header-md-white,
.card-md-bgcard .card-title-md-white,
.card-md-bgcard .card-content-md-white {
  color: #FFFFFF;
}

.card-md-bgcard .text-md-success,
.card-md-bgcard .card-header-md-success,
.card-md-bgcard .card-title-md-success,
.card-md-bgcard .card-content-md-success {
  color: #2BB34D;
}

.card-md-bgcard .text-md-info,
.card-md-bgcard .card-header-md-info,
.card-md-bgcard .card-title-md-info,
.card-md-bgcard .card-content-md-info {
  color: #1A73E8;
}

.card-md-bgcard .text-md-warning,
.card-md-bgcard .card-header-md-warning,
.card-md-bgcard .card-title-md-warning,
.card-md-bgcard .card-content-md-warning {
  color: #FFAB00;
}

.card-md-bgcard .text-md-danger,
.card-md-bgcard .card-header-md-danger,
.card-md-bgcard .card-title-md-danger,
.card-md-bgcard .card-content-md-danger {
  color: #F0624D;
}

.card-md-bgcard .text-md-tam,
.card-md-bgcard .card-header-md-tam,
.card-md-bgcard .card-title-md-tam,
.card-md-bgcard .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-bgcard,
.card-title-md-bgcard,
.card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md .text-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.card-md-bgcard2 .card-header-md,
.card-md-bgcard2 .card-title-md,
.card-md-bgcard2 .card-content-md,
.card-md-bgcard2 h1,
.card-md-bgcard2 h2,
.card-md-bgcard2 h3,
.card-md-bgcard2 h4,
.card-md-bgcard2 h5,
.card-md-bgcard2 h6,
.card-md-bgcard2 p {
  color: #000;
}

.card-md-bgcard2 .text-md-primary,
.card-md-bgcard2 .card-header-md-primary,
.card-md-bgcard2 .card-title-md-primary,
.card-md-bgcard2 .card-content-md-primary {
  color: #F68A22;
}

.card-md-bgcard2 .text-md-secondary,
.card-md-bgcard2 .card-header-md-secondary,
.card-md-bgcard2 .card-title-md-secondary,
.card-md-bgcard2 .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-bgcard2 .text-md-danger-low,
.card-md-bgcard2 .card-header-md-danger-low,
.card-md-bgcard2 .card-title-md-danger-low,
.card-md-bgcard2 .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-bgcard2 .text-md-light,
.card-md-bgcard2 .card-header-md-light,
.card-md-bgcard2 .card-title-md-light,
.card-md-bgcard2 .card-content-md-light {
  color: #f4f4f4;
}

.card-md-bgcard2 .text-md-dark,
.card-md-bgcard2 .card-header-md-dark,
.card-md-bgcard2 .card-title-md-dark,
.card-md-bgcard2 .card-content-md-dark {
  color: #222;
}

.card-md-bgcard2 .text-md-favorite,
.card-md-bgcard2 .card-header-md-favorite,
.card-md-bgcard2 .card-title-md-favorite,
.card-md-bgcard2 .card-content-md-favorite {
  color: #39B44A;
}

.card-md-bgcard2 .text-md-darkgrey,
.card-md-bgcard2 .card-header-md-darkgrey,
.card-md-bgcard2 .card-title-md-darkgrey,
.card-md-bgcard2 .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-bgcard2 .text-md-emerald,
.card-md-bgcard2 .card-header-md-emerald,
.card-md-bgcard2 .card-title-md-emerald,
.card-md-bgcard2 .card-content-md-emerald {
  color: #3498db;
}

.card-md-bgcard2 .text-md-concrete,
.card-md-bgcard2 .card-header-md-concrete,
.card-md-bgcard2 .card-title-md-concrete,
.card-md-bgcard2 .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-bgcard2 .text-md-yellow,
.card-md-bgcard2 .card-header-md-yellow,
.card-md-bgcard2 .card-title-md-yellow,
.card-md-bgcard2 .card-content-md-yellow {
  color: #ffff00;
}

.card-md-bgcard2 .text-md-black,
.card-md-bgcard2 .card-header-md-black,
.card-md-bgcard2 .card-title-md-black,
.card-md-bgcard2 .card-content-md-black {
  color: #000000;
}

.card-md-bgcard2 .text-md-grey,
.card-md-bgcard2 .card-header-md-grey,
.card-md-bgcard2 .card-title-md-grey,
.card-md-bgcard2 .card-content-md-grey {
  color: #808080;
}

.card-md-bgcard2 .text-md-red,
.card-md-bgcard2 .card-header-md-red,
.card-md-bgcard2 .card-title-md-red,
.card-md-bgcard2 .card-content-md-red {
  color: #ed4956;
}

.card-md-bgcard2 .text-md-notif,
.card-md-bgcard2 .card-header-md-notif,
.card-md-bgcard2 .card-title-md-notif,
.card-md-bgcard2 .card-content-md-notif {
  color: #17DFC4;
}

.card-md-bgcard2 .text-md-new-badge,
.card-md-bgcard2 .card-header-md-new-badge,
.card-md-bgcard2 .card-title-md-new-badge,
.card-md-bgcard2 .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-bgcard2 .text-md-accent,
.card-md-bgcard2 .card-header-md-accent,
.card-md-bgcard2 .card-title-md-accent,
.card-md-bgcard2 .card-content-md-accent {
  color: #63BEFB;
}

.card-md-bgcard2 .text-md-skeleton,
.card-md-bgcard2 .card-header-md-skeleton,
.card-md-bgcard2 .card-title-md-skeleton,
.card-md-bgcard2 .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-bgcard2 .text-md-outline,
.card-md-bgcard2 .card-header-md-outline,
.card-md-bgcard2 .card-title-md-outline,
.card-md-bgcard2 .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-bgcard2 .text-md-secondary-text,
.card-md-bgcard2 .card-header-md-secondary-text,
.card-md-bgcard2 .card-title-md-secondary-text,
.card-md-bgcard2 .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-bgcard2 .text-md-text,
.card-md-bgcard2 .card-header-md-text,
.card-md-bgcard2 .card-title-md-text,
.card-md-bgcard2 .card-content-md-text {
  color: #192528;
}

.card-md-bgcard2 .text-md-label,
.card-md-bgcard2 .card-header-md-label,
.card-md-bgcard2 .card-title-md-label,
.card-md-bgcard2 .card-content-md-label {
  color: #333333;
}

.card-md-bgcard2 .text-md-hover,
.card-md-bgcard2 .card-header-md-hover,
.card-md-bgcard2 .card-title-md-hover,
.card-md-bgcard2 .card-content-md-hover {
  color: #eff2f4;
}

.card-md-bgcard2 .text-md-hover-dark,
.card-md-bgcard2 .card-header-md-hover-dark,
.card-md-bgcard2 .card-title-md-hover-dark,
.card-md-bgcard2 .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-bgcard2 .text-md-bgcard,
.card-md-bgcard2 .card-header-md-bgcard,
.card-md-bgcard2 .card-title-md-bgcard,
.card-md-bgcard2 .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-bgcard2 .text-md-bgcard2,
.card-md-bgcard2 .card-header-md-bgcard2,
.card-md-bgcard2 .card-title-md-bgcard2,
.card-md-bgcard2 .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-bgcard2 .text-md-bglabel,
.card-md-bgcard2 .card-header-md-bglabel,
.card-md-bgcard2 .card-title-md-bglabel,
.card-md-bgcard2 .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-bgcard2 .text-md-primary-light,
.card-md-bgcard2 .card-header-md-primary-light,
.card-md-bgcard2 .card-title-md-primary-light,
.card-md-bgcard2 .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-bgcard2 .text-md-bgicon,
.card-md-bgcard2 .card-header-md-bgicon,
.card-md-bgcard2 .card-title-md-bgicon,
.card-md-bgcard2 .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-bgcard2 .text-md-primary-text,
.card-md-bgcard2 .card-header-md-primary-text,
.card-md-bgcard2 .card-title-md-primary-text,
.card-md-bgcard2 .card-content-md-primary-text {
  color: #189dae;
}

.card-md-bgcard2 .text-md-white,
.card-md-bgcard2 .card-header-md-white,
.card-md-bgcard2 .card-title-md-white,
.card-md-bgcard2 .card-content-md-white {
  color: #FFFFFF;
}

.card-md-bgcard2 .text-md-success,
.card-md-bgcard2 .card-header-md-success,
.card-md-bgcard2 .card-title-md-success,
.card-md-bgcard2 .card-content-md-success {
  color: #2BB34D;
}

.card-md-bgcard2 .text-md-info,
.card-md-bgcard2 .card-header-md-info,
.card-md-bgcard2 .card-title-md-info,
.card-md-bgcard2 .card-content-md-info {
  color: #1A73E8;
}

.card-md-bgcard2 .text-md-warning,
.card-md-bgcard2 .card-header-md-warning,
.card-md-bgcard2 .card-title-md-warning,
.card-md-bgcard2 .card-content-md-warning {
  color: #FFAB00;
}

.card-md-bgcard2 .text-md-danger,
.card-md-bgcard2 .card-header-md-danger,
.card-md-bgcard2 .card-title-md-danger,
.card-md-bgcard2 .card-content-md-danger {
  color: #F0624D;
}

.card-md-bgcard2 .text-md-tam,
.card-md-bgcard2 .card-header-md-tam,
.card-md-bgcard2 .card-title-md-tam,
.card-md-bgcard2 .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-bgcard2,
.card-title-md-bgcard2,
.card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md .text-md-bglabel {
  color: #E2E9ED;
}

.card-md-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.card-md-bglabel .card-header-md,
.card-md-bglabel .card-title-md,
.card-md-bglabel .card-content-md,
.card-md-bglabel h1,
.card-md-bglabel h2,
.card-md-bglabel h3,
.card-md-bglabel h4,
.card-md-bglabel h5,
.card-md-bglabel h6,
.card-md-bglabel p {
  color: #000;
}

.card-md-bglabel .text-md-primary,
.card-md-bglabel .card-header-md-primary,
.card-md-bglabel .card-title-md-primary,
.card-md-bglabel .card-content-md-primary {
  color: #F68A22;
}

.card-md-bglabel .text-md-secondary,
.card-md-bglabel .card-header-md-secondary,
.card-md-bglabel .card-title-md-secondary,
.card-md-bglabel .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-bglabel .text-md-danger-low,
.card-md-bglabel .card-header-md-danger-low,
.card-md-bglabel .card-title-md-danger-low,
.card-md-bglabel .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-bglabel .text-md-light,
.card-md-bglabel .card-header-md-light,
.card-md-bglabel .card-title-md-light,
.card-md-bglabel .card-content-md-light {
  color: #f4f4f4;
}

.card-md-bglabel .text-md-dark,
.card-md-bglabel .card-header-md-dark,
.card-md-bglabel .card-title-md-dark,
.card-md-bglabel .card-content-md-dark {
  color: #222;
}

.card-md-bglabel .text-md-favorite,
.card-md-bglabel .card-header-md-favorite,
.card-md-bglabel .card-title-md-favorite,
.card-md-bglabel .card-content-md-favorite {
  color: #39B44A;
}

.card-md-bglabel .text-md-darkgrey,
.card-md-bglabel .card-header-md-darkgrey,
.card-md-bglabel .card-title-md-darkgrey,
.card-md-bglabel .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-bglabel .text-md-emerald,
.card-md-bglabel .card-header-md-emerald,
.card-md-bglabel .card-title-md-emerald,
.card-md-bglabel .card-content-md-emerald {
  color: #3498db;
}

.card-md-bglabel .text-md-concrete,
.card-md-bglabel .card-header-md-concrete,
.card-md-bglabel .card-title-md-concrete,
.card-md-bglabel .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-bglabel .text-md-yellow,
.card-md-bglabel .card-header-md-yellow,
.card-md-bglabel .card-title-md-yellow,
.card-md-bglabel .card-content-md-yellow {
  color: #ffff00;
}

.card-md-bglabel .text-md-black,
.card-md-bglabel .card-header-md-black,
.card-md-bglabel .card-title-md-black,
.card-md-bglabel .card-content-md-black {
  color: #000000;
}

.card-md-bglabel .text-md-grey,
.card-md-bglabel .card-header-md-grey,
.card-md-bglabel .card-title-md-grey,
.card-md-bglabel .card-content-md-grey {
  color: #808080;
}

.card-md-bglabel .text-md-red,
.card-md-bglabel .card-header-md-red,
.card-md-bglabel .card-title-md-red,
.card-md-bglabel .card-content-md-red {
  color: #ed4956;
}

.card-md-bglabel .text-md-notif,
.card-md-bglabel .card-header-md-notif,
.card-md-bglabel .card-title-md-notif,
.card-md-bglabel .card-content-md-notif {
  color: #17DFC4;
}

.card-md-bglabel .text-md-new-badge,
.card-md-bglabel .card-header-md-new-badge,
.card-md-bglabel .card-title-md-new-badge,
.card-md-bglabel .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-bglabel .text-md-accent,
.card-md-bglabel .card-header-md-accent,
.card-md-bglabel .card-title-md-accent,
.card-md-bglabel .card-content-md-accent {
  color: #63BEFB;
}

.card-md-bglabel .text-md-skeleton,
.card-md-bglabel .card-header-md-skeleton,
.card-md-bglabel .card-title-md-skeleton,
.card-md-bglabel .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-bglabel .text-md-outline,
.card-md-bglabel .card-header-md-outline,
.card-md-bglabel .card-title-md-outline,
.card-md-bglabel .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-bglabel .text-md-secondary-text,
.card-md-bglabel .card-header-md-secondary-text,
.card-md-bglabel .card-title-md-secondary-text,
.card-md-bglabel .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-bglabel .text-md-text,
.card-md-bglabel .card-header-md-text,
.card-md-bglabel .card-title-md-text,
.card-md-bglabel .card-content-md-text {
  color: #192528;
}

.card-md-bglabel .text-md-label,
.card-md-bglabel .card-header-md-label,
.card-md-bglabel .card-title-md-label,
.card-md-bglabel .card-content-md-label {
  color: #333333;
}

.card-md-bglabel .text-md-hover,
.card-md-bglabel .card-header-md-hover,
.card-md-bglabel .card-title-md-hover,
.card-md-bglabel .card-content-md-hover {
  color: #eff2f4;
}

.card-md-bglabel .text-md-hover-dark,
.card-md-bglabel .card-header-md-hover-dark,
.card-md-bglabel .card-title-md-hover-dark,
.card-md-bglabel .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-bglabel .text-md-bgcard,
.card-md-bglabel .card-header-md-bgcard,
.card-md-bglabel .card-title-md-bgcard,
.card-md-bglabel .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-bglabel .text-md-bgcard2,
.card-md-bglabel .card-header-md-bgcard2,
.card-md-bglabel .card-title-md-bgcard2,
.card-md-bglabel .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-bglabel .text-md-bglabel,
.card-md-bglabel .card-header-md-bglabel,
.card-md-bglabel .card-title-md-bglabel,
.card-md-bglabel .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-bglabel .text-md-primary-light,
.card-md-bglabel .card-header-md-primary-light,
.card-md-bglabel .card-title-md-primary-light,
.card-md-bglabel .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-bglabel .text-md-bgicon,
.card-md-bglabel .card-header-md-bgicon,
.card-md-bglabel .card-title-md-bgicon,
.card-md-bglabel .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-bglabel .text-md-primary-text,
.card-md-bglabel .card-header-md-primary-text,
.card-md-bglabel .card-title-md-primary-text,
.card-md-bglabel .card-content-md-primary-text {
  color: #189dae;
}

.card-md-bglabel .text-md-white,
.card-md-bglabel .card-header-md-white,
.card-md-bglabel .card-title-md-white,
.card-md-bglabel .card-content-md-white {
  color: #FFFFFF;
}

.card-md-bglabel .text-md-success,
.card-md-bglabel .card-header-md-success,
.card-md-bglabel .card-title-md-success,
.card-md-bglabel .card-content-md-success {
  color: #2BB34D;
}

.card-md-bglabel .text-md-info,
.card-md-bglabel .card-header-md-info,
.card-md-bglabel .card-title-md-info,
.card-md-bglabel .card-content-md-info {
  color: #1A73E8;
}

.card-md-bglabel .text-md-warning,
.card-md-bglabel .card-header-md-warning,
.card-md-bglabel .card-title-md-warning,
.card-md-bglabel .card-content-md-warning {
  color: #FFAB00;
}

.card-md-bglabel .text-md-danger,
.card-md-bglabel .card-header-md-danger,
.card-md-bglabel .card-title-md-danger,
.card-md-bglabel .card-content-md-danger {
  color: #F0624D;
}

.card-md-bglabel .text-md-tam,
.card-md-bglabel .card-header-md-tam,
.card-md-bglabel .card-title-md-tam,
.card-md-bglabel .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-bglabel,
.card-title-md-bglabel,
.card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md .text-md-primary-light {
  color: #08b2be;
}

.card-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.card-md-primary-light .card-header-md,
.card-md-primary-light .card-title-md,
.card-md-primary-light .card-content-md,
.card-md-primary-light h1,
.card-md-primary-light h2,
.card-md-primary-light h3,
.card-md-primary-light h4,
.card-md-primary-light h5,
.card-md-primary-light h6,
.card-md-primary-light p {
  color: #fff;
}

.card-md-primary-light .text-md-primary,
.card-md-primary-light .card-header-md-primary,
.card-md-primary-light .card-title-md-primary,
.card-md-primary-light .card-content-md-primary {
  color: #F68A22;
}

.card-md-primary-light .text-md-secondary,
.card-md-primary-light .card-header-md-secondary,
.card-md-primary-light .card-title-md-secondary,
.card-md-primary-light .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-primary-light .text-md-danger-low,
.card-md-primary-light .card-header-md-danger-low,
.card-md-primary-light .card-title-md-danger-low,
.card-md-primary-light .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-primary-light .text-md-light,
.card-md-primary-light .card-header-md-light,
.card-md-primary-light .card-title-md-light,
.card-md-primary-light .card-content-md-light {
  color: #f4f4f4;
}

.card-md-primary-light .text-md-dark,
.card-md-primary-light .card-header-md-dark,
.card-md-primary-light .card-title-md-dark,
.card-md-primary-light .card-content-md-dark {
  color: #222;
}

.card-md-primary-light .text-md-favorite,
.card-md-primary-light .card-header-md-favorite,
.card-md-primary-light .card-title-md-favorite,
.card-md-primary-light .card-content-md-favorite {
  color: #39B44A;
}

.card-md-primary-light .text-md-darkgrey,
.card-md-primary-light .card-header-md-darkgrey,
.card-md-primary-light .card-title-md-darkgrey,
.card-md-primary-light .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-primary-light .text-md-emerald,
.card-md-primary-light .card-header-md-emerald,
.card-md-primary-light .card-title-md-emerald,
.card-md-primary-light .card-content-md-emerald {
  color: #3498db;
}

.card-md-primary-light .text-md-concrete,
.card-md-primary-light .card-header-md-concrete,
.card-md-primary-light .card-title-md-concrete,
.card-md-primary-light .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-primary-light .text-md-yellow,
.card-md-primary-light .card-header-md-yellow,
.card-md-primary-light .card-title-md-yellow,
.card-md-primary-light .card-content-md-yellow {
  color: #ffff00;
}

.card-md-primary-light .text-md-black,
.card-md-primary-light .card-header-md-black,
.card-md-primary-light .card-title-md-black,
.card-md-primary-light .card-content-md-black {
  color: #000000;
}

.card-md-primary-light .text-md-grey,
.card-md-primary-light .card-header-md-grey,
.card-md-primary-light .card-title-md-grey,
.card-md-primary-light .card-content-md-grey {
  color: #808080;
}

.card-md-primary-light .text-md-red,
.card-md-primary-light .card-header-md-red,
.card-md-primary-light .card-title-md-red,
.card-md-primary-light .card-content-md-red {
  color: #ed4956;
}

.card-md-primary-light .text-md-notif,
.card-md-primary-light .card-header-md-notif,
.card-md-primary-light .card-title-md-notif,
.card-md-primary-light .card-content-md-notif {
  color: #17DFC4;
}

.card-md-primary-light .text-md-new-badge,
.card-md-primary-light .card-header-md-new-badge,
.card-md-primary-light .card-title-md-new-badge,
.card-md-primary-light .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-primary-light .text-md-accent,
.card-md-primary-light .card-header-md-accent,
.card-md-primary-light .card-title-md-accent,
.card-md-primary-light .card-content-md-accent {
  color: #63BEFB;
}

.card-md-primary-light .text-md-skeleton,
.card-md-primary-light .card-header-md-skeleton,
.card-md-primary-light .card-title-md-skeleton,
.card-md-primary-light .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-primary-light .text-md-outline,
.card-md-primary-light .card-header-md-outline,
.card-md-primary-light .card-title-md-outline,
.card-md-primary-light .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-primary-light .text-md-secondary-text,
.card-md-primary-light .card-header-md-secondary-text,
.card-md-primary-light .card-title-md-secondary-text,
.card-md-primary-light .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-primary-light .text-md-text,
.card-md-primary-light .card-header-md-text,
.card-md-primary-light .card-title-md-text,
.card-md-primary-light .card-content-md-text {
  color: #192528;
}

.card-md-primary-light .text-md-label,
.card-md-primary-light .card-header-md-label,
.card-md-primary-light .card-title-md-label,
.card-md-primary-light .card-content-md-label {
  color: #333333;
}

.card-md-primary-light .text-md-hover,
.card-md-primary-light .card-header-md-hover,
.card-md-primary-light .card-title-md-hover,
.card-md-primary-light .card-content-md-hover {
  color: #eff2f4;
}

.card-md-primary-light .text-md-hover-dark,
.card-md-primary-light .card-header-md-hover-dark,
.card-md-primary-light .card-title-md-hover-dark,
.card-md-primary-light .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-primary-light .text-md-bgcard,
.card-md-primary-light .card-header-md-bgcard,
.card-md-primary-light .card-title-md-bgcard,
.card-md-primary-light .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-primary-light .text-md-bgcard2,
.card-md-primary-light .card-header-md-bgcard2,
.card-md-primary-light .card-title-md-bgcard2,
.card-md-primary-light .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-primary-light .text-md-bglabel,
.card-md-primary-light .card-header-md-bglabel,
.card-md-primary-light .card-title-md-bglabel,
.card-md-primary-light .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-primary-light .text-md-primary-light,
.card-md-primary-light .card-header-md-primary-light,
.card-md-primary-light .card-title-md-primary-light,
.card-md-primary-light .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-primary-light .text-md-bgicon,
.card-md-primary-light .card-header-md-bgicon,
.card-md-primary-light .card-title-md-bgicon,
.card-md-primary-light .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-primary-light .text-md-primary-text,
.card-md-primary-light .card-header-md-primary-text,
.card-md-primary-light .card-title-md-primary-text,
.card-md-primary-light .card-content-md-primary-text {
  color: #189dae;
}

.card-md-primary-light .text-md-white,
.card-md-primary-light .card-header-md-white,
.card-md-primary-light .card-title-md-white,
.card-md-primary-light .card-content-md-white {
  color: #FFFFFF;
}

.card-md-primary-light .text-md-success,
.card-md-primary-light .card-header-md-success,
.card-md-primary-light .card-title-md-success,
.card-md-primary-light .card-content-md-success {
  color: #2BB34D;
}

.card-md-primary-light .text-md-info,
.card-md-primary-light .card-header-md-info,
.card-md-primary-light .card-title-md-info,
.card-md-primary-light .card-content-md-info {
  color: #1A73E8;
}

.card-md-primary-light .text-md-warning,
.card-md-primary-light .card-header-md-warning,
.card-md-primary-light .card-title-md-warning,
.card-md-primary-light .card-content-md-warning {
  color: #FFAB00;
}

.card-md-primary-light .text-md-danger,
.card-md-primary-light .card-header-md-danger,
.card-md-primary-light .card-title-md-danger,
.card-md-primary-light .card-content-md-danger {
  color: #F0624D;
}

.card-md-primary-light .text-md-tam,
.card-md-primary-light .card-header-md-tam,
.card-md-primary-light .card-title-md-tam,
.card-md-primary-light .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-primary-light,
.card-title-md-primary-light,
.card-content-md-primary-light {
  color: #08b2be;
}

.card-md .text-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.card-md-bgicon .card-header-md,
.card-md-bgicon .card-title-md,
.card-md-bgicon .card-content-md,
.card-md-bgicon h1,
.card-md-bgicon h2,
.card-md-bgicon h3,
.card-md-bgicon h4,
.card-md-bgicon h5,
.card-md-bgicon h6,
.card-md-bgicon p {
  color: #000;
}

.card-md-bgicon .text-md-primary,
.card-md-bgicon .card-header-md-primary,
.card-md-bgicon .card-title-md-primary,
.card-md-bgicon .card-content-md-primary {
  color: #F68A22;
}

.card-md-bgicon .text-md-secondary,
.card-md-bgicon .card-header-md-secondary,
.card-md-bgicon .card-title-md-secondary,
.card-md-bgicon .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-bgicon .text-md-danger-low,
.card-md-bgicon .card-header-md-danger-low,
.card-md-bgicon .card-title-md-danger-low,
.card-md-bgicon .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-bgicon .text-md-light,
.card-md-bgicon .card-header-md-light,
.card-md-bgicon .card-title-md-light,
.card-md-bgicon .card-content-md-light {
  color: #f4f4f4;
}

.card-md-bgicon .text-md-dark,
.card-md-bgicon .card-header-md-dark,
.card-md-bgicon .card-title-md-dark,
.card-md-bgicon .card-content-md-dark {
  color: #222;
}

.card-md-bgicon .text-md-favorite,
.card-md-bgicon .card-header-md-favorite,
.card-md-bgicon .card-title-md-favorite,
.card-md-bgicon .card-content-md-favorite {
  color: #39B44A;
}

.card-md-bgicon .text-md-darkgrey,
.card-md-bgicon .card-header-md-darkgrey,
.card-md-bgicon .card-title-md-darkgrey,
.card-md-bgicon .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-bgicon .text-md-emerald,
.card-md-bgicon .card-header-md-emerald,
.card-md-bgicon .card-title-md-emerald,
.card-md-bgicon .card-content-md-emerald {
  color: #3498db;
}

.card-md-bgicon .text-md-concrete,
.card-md-bgicon .card-header-md-concrete,
.card-md-bgicon .card-title-md-concrete,
.card-md-bgicon .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-bgicon .text-md-yellow,
.card-md-bgicon .card-header-md-yellow,
.card-md-bgicon .card-title-md-yellow,
.card-md-bgicon .card-content-md-yellow {
  color: #ffff00;
}

.card-md-bgicon .text-md-black,
.card-md-bgicon .card-header-md-black,
.card-md-bgicon .card-title-md-black,
.card-md-bgicon .card-content-md-black {
  color: #000000;
}

.card-md-bgicon .text-md-grey,
.card-md-bgicon .card-header-md-grey,
.card-md-bgicon .card-title-md-grey,
.card-md-bgicon .card-content-md-grey {
  color: #808080;
}

.card-md-bgicon .text-md-red,
.card-md-bgicon .card-header-md-red,
.card-md-bgicon .card-title-md-red,
.card-md-bgicon .card-content-md-red {
  color: #ed4956;
}

.card-md-bgicon .text-md-notif,
.card-md-bgicon .card-header-md-notif,
.card-md-bgicon .card-title-md-notif,
.card-md-bgicon .card-content-md-notif {
  color: #17DFC4;
}

.card-md-bgicon .text-md-new-badge,
.card-md-bgicon .card-header-md-new-badge,
.card-md-bgicon .card-title-md-new-badge,
.card-md-bgicon .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-bgicon .text-md-accent,
.card-md-bgicon .card-header-md-accent,
.card-md-bgicon .card-title-md-accent,
.card-md-bgicon .card-content-md-accent {
  color: #63BEFB;
}

.card-md-bgicon .text-md-skeleton,
.card-md-bgicon .card-header-md-skeleton,
.card-md-bgicon .card-title-md-skeleton,
.card-md-bgicon .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-bgicon .text-md-outline,
.card-md-bgicon .card-header-md-outline,
.card-md-bgicon .card-title-md-outline,
.card-md-bgicon .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-bgicon .text-md-secondary-text,
.card-md-bgicon .card-header-md-secondary-text,
.card-md-bgicon .card-title-md-secondary-text,
.card-md-bgicon .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-bgicon .text-md-text,
.card-md-bgicon .card-header-md-text,
.card-md-bgicon .card-title-md-text,
.card-md-bgicon .card-content-md-text {
  color: #192528;
}

.card-md-bgicon .text-md-label,
.card-md-bgicon .card-header-md-label,
.card-md-bgicon .card-title-md-label,
.card-md-bgicon .card-content-md-label {
  color: #333333;
}

.card-md-bgicon .text-md-hover,
.card-md-bgicon .card-header-md-hover,
.card-md-bgicon .card-title-md-hover,
.card-md-bgicon .card-content-md-hover {
  color: #eff2f4;
}

.card-md-bgicon .text-md-hover-dark,
.card-md-bgicon .card-header-md-hover-dark,
.card-md-bgicon .card-title-md-hover-dark,
.card-md-bgicon .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-bgicon .text-md-bgcard,
.card-md-bgicon .card-header-md-bgcard,
.card-md-bgicon .card-title-md-bgcard,
.card-md-bgicon .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-bgicon .text-md-bgcard2,
.card-md-bgicon .card-header-md-bgcard2,
.card-md-bgicon .card-title-md-bgcard2,
.card-md-bgicon .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-bgicon .text-md-bglabel,
.card-md-bgicon .card-header-md-bglabel,
.card-md-bgicon .card-title-md-bglabel,
.card-md-bgicon .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-bgicon .text-md-primary-light,
.card-md-bgicon .card-header-md-primary-light,
.card-md-bgicon .card-title-md-primary-light,
.card-md-bgicon .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-bgicon .text-md-bgicon,
.card-md-bgicon .card-header-md-bgicon,
.card-md-bgicon .card-title-md-bgicon,
.card-md-bgicon .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-bgicon .text-md-primary-text,
.card-md-bgicon .card-header-md-primary-text,
.card-md-bgicon .card-title-md-primary-text,
.card-md-bgicon .card-content-md-primary-text {
  color: #189dae;
}

.card-md-bgicon .text-md-white,
.card-md-bgicon .card-header-md-white,
.card-md-bgicon .card-title-md-white,
.card-md-bgicon .card-content-md-white {
  color: #FFFFFF;
}

.card-md-bgicon .text-md-success,
.card-md-bgicon .card-header-md-success,
.card-md-bgicon .card-title-md-success,
.card-md-bgicon .card-content-md-success {
  color: #2BB34D;
}

.card-md-bgicon .text-md-info,
.card-md-bgicon .card-header-md-info,
.card-md-bgicon .card-title-md-info,
.card-md-bgicon .card-content-md-info {
  color: #1A73E8;
}

.card-md-bgicon .text-md-warning,
.card-md-bgicon .card-header-md-warning,
.card-md-bgicon .card-title-md-warning,
.card-md-bgicon .card-content-md-warning {
  color: #FFAB00;
}

.card-md-bgicon .text-md-danger,
.card-md-bgicon .card-header-md-danger,
.card-md-bgicon .card-title-md-danger,
.card-md-bgicon .card-content-md-danger {
  color: #F0624D;
}

.card-md-bgicon .text-md-tam,
.card-md-bgicon .card-header-md-tam,
.card-md-bgicon .card-title-md-tam,
.card-md-bgicon .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-bgicon,
.card-title-md-bgicon,
.card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md .text-md-primary-text {
  color: #189dae;
}

.card-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.card-md-primary-text .card-header-md,
.card-md-primary-text .card-title-md,
.card-md-primary-text .card-content-md,
.card-md-primary-text h1,
.card-md-primary-text h2,
.card-md-primary-text h3,
.card-md-primary-text h4,
.card-md-primary-text h5,
.card-md-primary-text h6,
.card-md-primary-text p {
  color: #fff;
}

.card-md-primary-text .text-md-primary,
.card-md-primary-text .card-header-md-primary,
.card-md-primary-text .card-title-md-primary,
.card-md-primary-text .card-content-md-primary {
  color: #F68A22;
}

.card-md-primary-text .text-md-secondary,
.card-md-primary-text .card-header-md-secondary,
.card-md-primary-text .card-title-md-secondary,
.card-md-primary-text .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-primary-text .text-md-danger-low,
.card-md-primary-text .card-header-md-danger-low,
.card-md-primary-text .card-title-md-danger-low,
.card-md-primary-text .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-primary-text .text-md-light,
.card-md-primary-text .card-header-md-light,
.card-md-primary-text .card-title-md-light,
.card-md-primary-text .card-content-md-light {
  color: #f4f4f4;
}

.card-md-primary-text .text-md-dark,
.card-md-primary-text .card-header-md-dark,
.card-md-primary-text .card-title-md-dark,
.card-md-primary-text .card-content-md-dark {
  color: #222;
}

.card-md-primary-text .text-md-favorite,
.card-md-primary-text .card-header-md-favorite,
.card-md-primary-text .card-title-md-favorite,
.card-md-primary-text .card-content-md-favorite {
  color: #39B44A;
}

.card-md-primary-text .text-md-darkgrey,
.card-md-primary-text .card-header-md-darkgrey,
.card-md-primary-text .card-title-md-darkgrey,
.card-md-primary-text .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-primary-text .text-md-emerald,
.card-md-primary-text .card-header-md-emerald,
.card-md-primary-text .card-title-md-emerald,
.card-md-primary-text .card-content-md-emerald {
  color: #3498db;
}

.card-md-primary-text .text-md-concrete,
.card-md-primary-text .card-header-md-concrete,
.card-md-primary-text .card-title-md-concrete,
.card-md-primary-text .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-primary-text .text-md-yellow,
.card-md-primary-text .card-header-md-yellow,
.card-md-primary-text .card-title-md-yellow,
.card-md-primary-text .card-content-md-yellow {
  color: #ffff00;
}

.card-md-primary-text .text-md-black,
.card-md-primary-text .card-header-md-black,
.card-md-primary-text .card-title-md-black,
.card-md-primary-text .card-content-md-black {
  color: #000000;
}

.card-md-primary-text .text-md-grey,
.card-md-primary-text .card-header-md-grey,
.card-md-primary-text .card-title-md-grey,
.card-md-primary-text .card-content-md-grey {
  color: #808080;
}

.card-md-primary-text .text-md-red,
.card-md-primary-text .card-header-md-red,
.card-md-primary-text .card-title-md-red,
.card-md-primary-text .card-content-md-red {
  color: #ed4956;
}

.card-md-primary-text .text-md-notif,
.card-md-primary-text .card-header-md-notif,
.card-md-primary-text .card-title-md-notif,
.card-md-primary-text .card-content-md-notif {
  color: #17DFC4;
}

.card-md-primary-text .text-md-new-badge,
.card-md-primary-text .card-header-md-new-badge,
.card-md-primary-text .card-title-md-new-badge,
.card-md-primary-text .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-primary-text .text-md-accent,
.card-md-primary-text .card-header-md-accent,
.card-md-primary-text .card-title-md-accent,
.card-md-primary-text .card-content-md-accent {
  color: #63BEFB;
}

.card-md-primary-text .text-md-skeleton,
.card-md-primary-text .card-header-md-skeleton,
.card-md-primary-text .card-title-md-skeleton,
.card-md-primary-text .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-primary-text .text-md-outline,
.card-md-primary-text .card-header-md-outline,
.card-md-primary-text .card-title-md-outline,
.card-md-primary-text .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-primary-text .text-md-secondary-text,
.card-md-primary-text .card-header-md-secondary-text,
.card-md-primary-text .card-title-md-secondary-text,
.card-md-primary-text .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-primary-text .text-md-text,
.card-md-primary-text .card-header-md-text,
.card-md-primary-text .card-title-md-text,
.card-md-primary-text .card-content-md-text {
  color: #192528;
}

.card-md-primary-text .text-md-label,
.card-md-primary-text .card-header-md-label,
.card-md-primary-text .card-title-md-label,
.card-md-primary-text .card-content-md-label {
  color: #333333;
}

.card-md-primary-text .text-md-hover,
.card-md-primary-text .card-header-md-hover,
.card-md-primary-text .card-title-md-hover,
.card-md-primary-text .card-content-md-hover {
  color: #eff2f4;
}

.card-md-primary-text .text-md-hover-dark,
.card-md-primary-text .card-header-md-hover-dark,
.card-md-primary-text .card-title-md-hover-dark,
.card-md-primary-text .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-primary-text .text-md-bgcard,
.card-md-primary-text .card-header-md-bgcard,
.card-md-primary-text .card-title-md-bgcard,
.card-md-primary-text .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-primary-text .text-md-bgcard2,
.card-md-primary-text .card-header-md-bgcard2,
.card-md-primary-text .card-title-md-bgcard2,
.card-md-primary-text .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-primary-text .text-md-bglabel,
.card-md-primary-text .card-header-md-bglabel,
.card-md-primary-text .card-title-md-bglabel,
.card-md-primary-text .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-primary-text .text-md-primary-light,
.card-md-primary-text .card-header-md-primary-light,
.card-md-primary-text .card-title-md-primary-light,
.card-md-primary-text .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-primary-text .text-md-bgicon,
.card-md-primary-text .card-header-md-bgicon,
.card-md-primary-text .card-title-md-bgicon,
.card-md-primary-text .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-primary-text .text-md-primary-text,
.card-md-primary-text .card-header-md-primary-text,
.card-md-primary-text .card-title-md-primary-text,
.card-md-primary-text .card-content-md-primary-text {
  color: #189dae;
}

.card-md-primary-text .text-md-white,
.card-md-primary-text .card-header-md-white,
.card-md-primary-text .card-title-md-white,
.card-md-primary-text .card-content-md-white {
  color: #FFFFFF;
}

.card-md-primary-text .text-md-success,
.card-md-primary-text .card-header-md-success,
.card-md-primary-text .card-title-md-success,
.card-md-primary-text .card-content-md-success {
  color: #2BB34D;
}

.card-md-primary-text .text-md-info,
.card-md-primary-text .card-header-md-info,
.card-md-primary-text .card-title-md-info,
.card-md-primary-text .card-content-md-info {
  color: #1A73E8;
}

.card-md-primary-text .text-md-warning,
.card-md-primary-text .card-header-md-warning,
.card-md-primary-text .card-title-md-warning,
.card-md-primary-text .card-content-md-warning {
  color: #FFAB00;
}

.card-md-primary-text .text-md-danger,
.card-md-primary-text .card-header-md-danger,
.card-md-primary-text .card-title-md-danger,
.card-md-primary-text .card-content-md-danger {
  color: #F0624D;
}

.card-md-primary-text .text-md-tam,
.card-md-primary-text .card-header-md-tam,
.card-md-primary-text .card-title-md-tam,
.card-md-primary-text .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-primary-text,
.card-title-md-primary-text,
.card-content-md-primary-text {
  color: #189dae;
}

.card-md .text-md-white {
  color: #FFFFFF;
}

.card-md-white {
  color: #000;
  background-color: #FFFFFF;
}

.card-md-white .card-header-md,
.card-md-white .card-title-md,
.card-md-white .card-content-md,
.card-md-white h1,
.card-md-white h2,
.card-md-white h3,
.card-md-white h4,
.card-md-white h5,
.card-md-white h6,
.card-md-white p {
  color: #000;
}

.card-md-white .text-md-primary,
.card-md-white .card-header-md-primary,
.card-md-white .card-title-md-primary,
.card-md-white .card-content-md-primary {
  color: #F68A22;
}

.card-md-white .text-md-secondary,
.card-md-white .card-header-md-secondary,
.card-md-white .card-title-md-secondary,
.card-md-white .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-white .text-md-danger-low,
.card-md-white .card-header-md-danger-low,
.card-md-white .card-title-md-danger-low,
.card-md-white .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-white .text-md-light,
.card-md-white .card-header-md-light,
.card-md-white .card-title-md-light,
.card-md-white .card-content-md-light {
  color: #f4f4f4;
}

.card-md-white .text-md-dark,
.card-md-white .card-header-md-dark,
.card-md-white .card-title-md-dark,
.card-md-white .card-content-md-dark {
  color: #222;
}

.card-md-white .text-md-favorite,
.card-md-white .card-header-md-favorite,
.card-md-white .card-title-md-favorite,
.card-md-white .card-content-md-favorite {
  color: #39B44A;
}

.card-md-white .text-md-darkgrey,
.card-md-white .card-header-md-darkgrey,
.card-md-white .card-title-md-darkgrey,
.card-md-white .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-white .text-md-emerald,
.card-md-white .card-header-md-emerald,
.card-md-white .card-title-md-emerald,
.card-md-white .card-content-md-emerald {
  color: #3498db;
}

.card-md-white .text-md-concrete,
.card-md-white .card-header-md-concrete,
.card-md-white .card-title-md-concrete,
.card-md-white .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-white .text-md-yellow,
.card-md-white .card-header-md-yellow,
.card-md-white .card-title-md-yellow,
.card-md-white .card-content-md-yellow {
  color: #ffff00;
}

.card-md-white .text-md-black,
.card-md-white .card-header-md-black,
.card-md-white .card-title-md-black,
.card-md-white .card-content-md-black {
  color: #000000;
}

.card-md-white .text-md-grey,
.card-md-white .card-header-md-grey,
.card-md-white .card-title-md-grey,
.card-md-white .card-content-md-grey {
  color: #808080;
}

.card-md-white .text-md-red,
.card-md-white .card-header-md-red,
.card-md-white .card-title-md-red,
.card-md-white .card-content-md-red {
  color: #ed4956;
}

.card-md-white .text-md-notif,
.card-md-white .card-header-md-notif,
.card-md-white .card-title-md-notif,
.card-md-white .card-content-md-notif {
  color: #17DFC4;
}

.card-md-white .text-md-new-badge,
.card-md-white .card-header-md-new-badge,
.card-md-white .card-title-md-new-badge,
.card-md-white .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-white .text-md-accent,
.card-md-white .card-header-md-accent,
.card-md-white .card-title-md-accent,
.card-md-white .card-content-md-accent {
  color: #63BEFB;
}

.card-md-white .text-md-skeleton,
.card-md-white .card-header-md-skeleton,
.card-md-white .card-title-md-skeleton,
.card-md-white .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-white .text-md-outline,
.card-md-white .card-header-md-outline,
.card-md-white .card-title-md-outline,
.card-md-white .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-white .text-md-secondary-text,
.card-md-white .card-header-md-secondary-text,
.card-md-white .card-title-md-secondary-text,
.card-md-white .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-white .text-md-text,
.card-md-white .card-header-md-text,
.card-md-white .card-title-md-text,
.card-md-white .card-content-md-text {
  color: #192528;
}

.card-md-white .text-md-label,
.card-md-white .card-header-md-label,
.card-md-white .card-title-md-label,
.card-md-white .card-content-md-label {
  color: #333333;
}

.card-md-white .text-md-hover,
.card-md-white .card-header-md-hover,
.card-md-white .card-title-md-hover,
.card-md-white .card-content-md-hover {
  color: #eff2f4;
}

.card-md-white .text-md-hover-dark,
.card-md-white .card-header-md-hover-dark,
.card-md-white .card-title-md-hover-dark,
.card-md-white .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-white .text-md-bgcard,
.card-md-white .card-header-md-bgcard,
.card-md-white .card-title-md-bgcard,
.card-md-white .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-white .text-md-bgcard2,
.card-md-white .card-header-md-bgcard2,
.card-md-white .card-title-md-bgcard2,
.card-md-white .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-white .text-md-bglabel,
.card-md-white .card-header-md-bglabel,
.card-md-white .card-title-md-bglabel,
.card-md-white .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-white .text-md-primary-light,
.card-md-white .card-header-md-primary-light,
.card-md-white .card-title-md-primary-light,
.card-md-white .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-white .text-md-bgicon,
.card-md-white .card-header-md-bgicon,
.card-md-white .card-title-md-bgicon,
.card-md-white .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-white .text-md-primary-text,
.card-md-white .card-header-md-primary-text,
.card-md-white .card-title-md-primary-text,
.card-md-white .card-content-md-primary-text {
  color: #189dae;
}

.card-md-white .text-md-white,
.card-md-white .card-header-md-white,
.card-md-white .card-title-md-white,
.card-md-white .card-content-md-white {
  color: #FFFFFF;
}

.card-md-white .text-md-success,
.card-md-white .card-header-md-success,
.card-md-white .card-title-md-success,
.card-md-white .card-content-md-success {
  color: #2BB34D;
}

.card-md-white .text-md-info,
.card-md-white .card-header-md-info,
.card-md-white .card-title-md-info,
.card-md-white .card-content-md-info {
  color: #1A73E8;
}

.card-md-white .text-md-warning,
.card-md-white .card-header-md-warning,
.card-md-white .card-title-md-warning,
.card-md-white .card-content-md-warning {
  color: #FFAB00;
}

.card-md-white .text-md-danger,
.card-md-white .card-header-md-danger,
.card-md-white .card-title-md-danger,
.card-md-white .card-content-md-danger {
  color: #F0624D;
}

.card-md-white .text-md-tam,
.card-md-white .card-header-md-tam,
.card-md-white .card-title-md-tam,
.card-md-white .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-white,
.card-title-md-white,
.card-content-md-white {
  color: #FFFFFF;
}

.card-md .text-md-success {
  color: #2BB34D;
}

.card-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.card-md-success .card-header-md,
.card-md-success .card-title-md,
.card-md-success .card-content-md,
.card-md-success h1,
.card-md-success h2,
.card-md-success h3,
.card-md-success h4,
.card-md-success h5,
.card-md-success h6,
.card-md-success p {
  color: #fff;
}

.card-md-success .text-md-primary,
.card-md-success .card-header-md-primary,
.card-md-success .card-title-md-primary,
.card-md-success .card-content-md-primary {
  color: #F68A22;
}

.card-md-success .text-md-secondary,
.card-md-success .card-header-md-secondary,
.card-md-success .card-title-md-secondary,
.card-md-success .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-success .text-md-danger-low,
.card-md-success .card-header-md-danger-low,
.card-md-success .card-title-md-danger-low,
.card-md-success .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-success .text-md-light,
.card-md-success .card-header-md-light,
.card-md-success .card-title-md-light,
.card-md-success .card-content-md-light {
  color: #f4f4f4;
}

.card-md-success .text-md-dark,
.card-md-success .card-header-md-dark,
.card-md-success .card-title-md-dark,
.card-md-success .card-content-md-dark {
  color: #222;
}

.card-md-success .text-md-favorite,
.card-md-success .card-header-md-favorite,
.card-md-success .card-title-md-favorite,
.card-md-success .card-content-md-favorite {
  color: #39B44A;
}

.card-md-success .text-md-darkgrey,
.card-md-success .card-header-md-darkgrey,
.card-md-success .card-title-md-darkgrey,
.card-md-success .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-success .text-md-emerald,
.card-md-success .card-header-md-emerald,
.card-md-success .card-title-md-emerald,
.card-md-success .card-content-md-emerald {
  color: #3498db;
}

.card-md-success .text-md-concrete,
.card-md-success .card-header-md-concrete,
.card-md-success .card-title-md-concrete,
.card-md-success .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-success .text-md-yellow,
.card-md-success .card-header-md-yellow,
.card-md-success .card-title-md-yellow,
.card-md-success .card-content-md-yellow {
  color: #ffff00;
}

.card-md-success .text-md-black,
.card-md-success .card-header-md-black,
.card-md-success .card-title-md-black,
.card-md-success .card-content-md-black {
  color: #000000;
}

.card-md-success .text-md-grey,
.card-md-success .card-header-md-grey,
.card-md-success .card-title-md-grey,
.card-md-success .card-content-md-grey {
  color: #808080;
}

.card-md-success .text-md-red,
.card-md-success .card-header-md-red,
.card-md-success .card-title-md-red,
.card-md-success .card-content-md-red {
  color: #ed4956;
}

.card-md-success .text-md-notif,
.card-md-success .card-header-md-notif,
.card-md-success .card-title-md-notif,
.card-md-success .card-content-md-notif {
  color: #17DFC4;
}

.card-md-success .text-md-new-badge,
.card-md-success .card-header-md-new-badge,
.card-md-success .card-title-md-new-badge,
.card-md-success .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-success .text-md-accent,
.card-md-success .card-header-md-accent,
.card-md-success .card-title-md-accent,
.card-md-success .card-content-md-accent {
  color: #63BEFB;
}

.card-md-success .text-md-skeleton,
.card-md-success .card-header-md-skeleton,
.card-md-success .card-title-md-skeleton,
.card-md-success .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-success .text-md-outline,
.card-md-success .card-header-md-outline,
.card-md-success .card-title-md-outline,
.card-md-success .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-success .text-md-secondary-text,
.card-md-success .card-header-md-secondary-text,
.card-md-success .card-title-md-secondary-text,
.card-md-success .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-success .text-md-text,
.card-md-success .card-header-md-text,
.card-md-success .card-title-md-text,
.card-md-success .card-content-md-text {
  color: #192528;
}

.card-md-success .text-md-label,
.card-md-success .card-header-md-label,
.card-md-success .card-title-md-label,
.card-md-success .card-content-md-label {
  color: #333333;
}

.card-md-success .text-md-hover,
.card-md-success .card-header-md-hover,
.card-md-success .card-title-md-hover,
.card-md-success .card-content-md-hover {
  color: #eff2f4;
}

.card-md-success .text-md-hover-dark,
.card-md-success .card-header-md-hover-dark,
.card-md-success .card-title-md-hover-dark,
.card-md-success .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-success .text-md-bgcard,
.card-md-success .card-header-md-bgcard,
.card-md-success .card-title-md-bgcard,
.card-md-success .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-success .text-md-bgcard2,
.card-md-success .card-header-md-bgcard2,
.card-md-success .card-title-md-bgcard2,
.card-md-success .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-success .text-md-bglabel,
.card-md-success .card-header-md-bglabel,
.card-md-success .card-title-md-bglabel,
.card-md-success .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-success .text-md-primary-light,
.card-md-success .card-header-md-primary-light,
.card-md-success .card-title-md-primary-light,
.card-md-success .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-success .text-md-bgicon,
.card-md-success .card-header-md-bgicon,
.card-md-success .card-title-md-bgicon,
.card-md-success .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-success .text-md-primary-text,
.card-md-success .card-header-md-primary-text,
.card-md-success .card-title-md-primary-text,
.card-md-success .card-content-md-primary-text {
  color: #189dae;
}

.card-md-success .text-md-white,
.card-md-success .card-header-md-white,
.card-md-success .card-title-md-white,
.card-md-success .card-content-md-white {
  color: #FFFFFF;
}

.card-md-success .text-md-success,
.card-md-success .card-header-md-success,
.card-md-success .card-title-md-success,
.card-md-success .card-content-md-success {
  color: #2BB34D;
}

.card-md-success .text-md-info,
.card-md-success .card-header-md-info,
.card-md-success .card-title-md-info,
.card-md-success .card-content-md-info {
  color: #1A73E8;
}

.card-md-success .text-md-warning,
.card-md-success .card-header-md-warning,
.card-md-success .card-title-md-warning,
.card-md-success .card-content-md-warning {
  color: #FFAB00;
}

.card-md-success .text-md-danger,
.card-md-success .card-header-md-danger,
.card-md-success .card-title-md-danger,
.card-md-success .card-content-md-danger {
  color: #F0624D;
}

.card-md-success .text-md-tam,
.card-md-success .card-header-md-tam,
.card-md-success .card-title-md-tam,
.card-md-success .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-success,
.card-title-md-success,
.card-content-md-success {
  color: #2BB34D;
}

.card-md .text-md-info {
  color: #1A73E8;
}

.card-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.card-md-info .card-header-md,
.card-md-info .card-title-md,
.card-md-info .card-content-md,
.card-md-info h1,
.card-md-info h2,
.card-md-info h3,
.card-md-info h4,
.card-md-info h5,
.card-md-info h6,
.card-md-info p {
  color: #fff;
}

.card-md-info .text-md-primary,
.card-md-info .card-header-md-primary,
.card-md-info .card-title-md-primary,
.card-md-info .card-content-md-primary {
  color: #F68A22;
}

.card-md-info .text-md-secondary,
.card-md-info .card-header-md-secondary,
.card-md-info .card-title-md-secondary,
.card-md-info .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-info .text-md-danger-low,
.card-md-info .card-header-md-danger-low,
.card-md-info .card-title-md-danger-low,
.card-md-info .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-info .text-md-light,
.card-md-info .card-header-md-light,
.card-md-info .card-title-md-light,
.card-md-info .card-content-md-light {
  color: #f4f4f4;
}

.card-md-info .text-md-dark,
.card-md-info .card-header-md-dark,
.card-md-info .card-title-md-dark,
.card-md-info .card-content-md-dark {
  color: #222;
}

.card-md-info .text-md-favorite,
.card-md-info .card-header-md-favorite,
.card-md-info .card-title-md-favorite,
.card-md-info .card-content-md-favorite {
  color: #39B44A;
}

.card-md-info .text-md-darkgrey,
.card-md-info .card-header-md-darkgrey,
.card-md-info .card-title-md-darkgrey,
.card-md-info .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-info .text-md-emerald,
.card-md-info .card-header-md-emerald,
.card-md-info .card-title-md-emerald,
.card-md-info .card-content-md-emerald {
  color: #3498db;
}

.card-md-info .text-md-concrete,
.card-md-info .card-header-md-concrete,
.card-md-info .card-title-md-concrete,
.card-md-info .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-info .text-md-yellow,
.card-md-info .card-header-md-yellow,
.card-md-info .card-title-md-yellow,
.card-md-info .card-content-md-yellow {
  color: #ffff00;
}

.card-md-info .text-md-black,
.card-md-info .card-header-md-black,
.card-md-info .card-title-md-black,
.card-md-info .card-content-md-black {
  color: #000000;
}

.card-md-info .text-md-grey,
.card-md-info .card-header-md-grey,
.card-md-info .card-title-md-grey,
.card-md-info .card-content-md-grey {
  color: #808080;
}

.card-md-info .text-md-red,
.card-md-info .card-header-md-red,
.card-md-info .card-title-md-red,
.card-md-info .card-content-md-red {
  color: #ed4956;
}

.card-md-info .text-md-notif,
.card-md-info .card-header-md-notif,
.card-md-info .card-title-md-notif,
.card-md-info .card-content-md-notif {
  color: #17DFC4;
}

.card-md-info .text-md-new-badge,
.card-md-info .card-header-md-new-badge,
.card-md-info .card-title-md-new-badge,
.card-md-info .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-info .text-md-accent,
.card-md-info .card-header-md-accent,
.card-md-info .card-title-md-accent,
.card-md-info .card-content-md-accent {
  color: #63BEFB;
}

.card-md-info .text-md-skeleton,
.card-md-info .card-header-md-skeleton,
.card-md-info .card-title-md-skeleton,
.card-md-info .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-info .text-md-outline,
.card-md-info .card-header-md-outline,
.card-md-info .card-title-md-outline,
.card-md-info .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-info .text-md-secondary-text,
.card-md-info .card-header-md-secondary-text,
.card-md-info .card-title-md-secondary-text,
.card-md-info .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-info .text-md-text,
.card-md-info .card-header-md-text,
.card-md-info .card-title-md-text,
.card-md-info .card-content-md-text {
  color: #192528;
}

.card-md-info .text-md-label,
.card-md-info .card-header-md-label,
.card-md-info .card-title-md-label,
.card-md-info .card-content-md-label {
  color: #333333;
}

.card-md-info .text-md-hover,
.card-md-info .card-header-md-hover,
.card-md-info .card-title-md-hover,
.card-md-info .card-content-md-hover {
  color: #eff2f4;
}

.card-md-info .text-md-hover-dark,
.card-md-info .card-header-md-hover-dark,
.card-md-info .card-title-md-hover-dark,
.card-md-info .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-info .text-md-bgcard,
.card-md-info .card-header-md-bgcard,
.card-md-info .card-title-md-bgcard,
.card-md-info .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-info .text-md-bgcard2,
.card-md-info .card-header-md-bgcard2,
.card-md-info .card-title-md-bgcard2,
.card-md-info .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-info .text-md-bglabel,
.card-md-info .card-header-md-bglabel,
.card-md-info .card-title-md-bglabel,
.card-md-info .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-info .text-md-primary-light,
.card-md-info .card-header-md-primary-light,
.card-md-info .card-title-md-primary-light,
.card-md-info .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-info .text-md-bgicon,
.card-md-info .card-header-md-bgicon,
.card-md-info .card-title-md-bgicon,
.card-md-info .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-info .text-md-primary-text,
.card-md-info .card-header-md-primary-text,
.card-md-info .card-title-md-primary-text,
.card-md-info .card-content-md-primary-text {
  color: #189dae;
}

.card-md-info .text-md-white,
.card-md-info .card-header-md-white,
.card-md-info .card-title-md-white,
.card-md-info .card-content-md-white {
  color: #FFFFFF;
}

.card-md-info .text-md-success,
.card-md-info .card-header-md-success,
.card-md-info .card-title-md-success,
.card-md-info .card-content-md-success {
  color: #2BB34D;
}

.card-md-info .text-md-info,
.card-md-info .card-header-md-info,
.card-md-info .card-title-md-info,
.card-md-info .card-content-md-info {
  color: #1A73E8;
}

.card-md-info .text-md-warning,
.card-md-info .card-header-md-warning,
.card-md-info .card-title-md-warning,
.card-md-info .card-content-md-warning {
  color: #FFAB00;
}

.card-md-info .text-md-danger,
.card-md-info .card-header-md-danger,
.card-md-info .card-title-md-danger,
.card-md-info .card-content-md-danger {
  color: #F0624D;
}

.card-md-info .text-md-tam,
.card-md-info .card-header-md-tam,
.card-md-info .card-title-md-tam,
.card-md-info .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-info,
.card-title-md-info,
.card-content-md-info {
  color: #1A73E8;
}

.card-md .text-md-warning {
  color: #FFAB00;
}

.card-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.card-md-warning .card-header-md,
.card-md-warning .card-title-md,
.card-md-warning .card-content-md,
.card-md-warning h1,
.card-md-warning h2,
.card-md-warning h3,
.card-md-warning h4,
.card-md-warning h5,
.card-md-warning h6,
.card-md-warning p {
  color: #fff;
}

.card-md-warning .text-md-primary,
.card-md-warning .card-header-md-primary,
.card-md-warning .card-title-md-primary,
.card-md-warning .card-content-md-primary {
  color: #F68A22;
}

.card-md-warning .text-md-secondary,
.card-md-warning .card-header-md-secondary,
.card-md-warning .card-title-md-secondary,
.card-md-warning .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-warning .text-md-danger-low,
.card-md-warning .card-header-md-danger-low,
.card-md-warning .card-title-md-danger-low,
.card-md-warning .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-warning .text-md-light,
.card-md-warning .card-header-md-light,
.card-md-warning .card-title-md-light,
.card-md-warning .card-content-md-light {
  color: #f4f4f4;
}

.card-md-warning .text-md-dark,
.card-md-warning .card-header-md-dark,
.card-md-warning .card-title-md-dark,
.card-md-warning .card-content-md-dark {
  color: #222;
}

.card-md-warning .text-md-favorite,
.card-md-warning .card-header-md-favorite,
.card-md-warning .card-title-md-favorite,
.card-md-warning .card-content-md-favorite {
  color: #39B44A;
}

.card-md-warning .text-md-darkgrey,
.card-md-warning .card-header-md-darkgrey,
.card-md-warning .card-title-md-darkgrey,
.card-md-warning .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-warning .text-md-emerald,
.card-md-warning .card-header-md-emerald,
.card-md-warning .card-title-md-emerald,
.card-md-warning .card-content-md-emerald {
  color: #3498db;
}

.card-md-warning .text-md-concrete,
.card-md-warning .card-header-md-concrete,
.card-md-warning .card-title-md-concrete,
.card-md-warning .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-warning .text-md-yellow,
.card-md-warning .card-header-md-yellow,
.card-md-warning .card-title-md-yellow,
.card-md-warning .card-content-md-yellow {
  color: #ffff00;
}

.card-md-warning .text-md-black,
.card-md-warning .card-header-md-black,
.card-md-warning .card-title-md-black,
.card-md-warning .card-content-md-black {
  color: #000000;
}

.card-md-warning .text-md-grey,
.card-md-warning .card-header-md-grey,
.card-md-warning .card-title-md-grey,
.card-md-warning .card-content-md-grey {
  color: #808080;
}

.card-md-warning .text-md-red,
.card-md-warning .card-header-md-red,
.card-md-warning .card-title-md-red,
.card-md-warning .card-content-md-red {
  color: #ed4956;
}

.card-md-warning .text-md-notif,
.card-md-warning .card-header-md-notif,
.card-md-warning .card-title-md-notif,
.card-md-warning .card-content-md-notif {
  color: #17DFC4;
}

.card-md-warning .text-md-new-badge,
.card-md-warning .card-header-md-new-badge,
.card-md-warning .card-title-md-new-badge,
.card-md-warning .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-warning .text-md-accent,
.card-md-warning .card-header-md-accent,
.card-md-warning .card-title-md-accent,
.card-md-warning .card-content-md-accent {
  color: #63BEFB;
}

.card-md-warning .text-md-skeleton,
.card-md-warning .card-header-md-skeleton,
.card-md-warning .card-title-md-skeleton,
.card-md-warning .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-warning .text-md-outline,
.card-md-warning .card-header-md-outline,
.card-md-warning .card-title-md-outline,
.card-md-warning .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-warning .text-md-secondary-text,
.card-md-warning .card-header-md-secondary-text,
.card-md-warning .card-title-md-secondary-text,
.card-md-warning .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-warning .text-md-text,
.card-md-warning .card-header-md-text,
.card-md-warning .card-title-md-text,
.card-md-warning .card-content-md-text {
  color: #192528;
}

.card-md-warning .text-md-label,
.card-md-warning .card-header-md-label,
.card-md-warning .card-title-md-label,
.card-md-warning .card-content-md-label {
  color: #333333;
}

.card-md-warning .text-md-hover,
.card-md-warning .card-header-md-hover,
.card-md-warning .card-title-md-hover,
.card-md-warning .card-content-md-hover {
  color: #eff2f4;
}

.card-md-warning .text-md-hover-dark,
.card-md-warning .card-header-md-hover-dark,
.card-md-warning .card-title-md-hover-dark,
.card-md-warning .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-warning .text-md-bgcard,
.card-md-warning .card-header-md-bgcard,
.card-md-warning .card-title-md-bgcard,
.card-md-warning .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-warning .text-md-bgcard2,
.card-md-warning .card-header-md-bgcard2,
.card-md-warning .card-title-md-bgcard2,
.card-md-warning .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-warning .text-md-bglabel,
.card-md-warning .card-header-md-bglabel,
.card-md-warning .card-title-md-bglabel,
.card-md-warning .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-warning .text-md-primary-light,
.card-md-warning .card-header-md-primary-light,
.card-md-warning .card-title-md-primary-light,
.card-md-warning .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-warning .text-md-bgicon,
.card-md-warning .card-header-md-bgicon,
.card-md-warning .card-title-md-bgicon,
.card-md-warning .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-warning .text-md-primary-text,
.card-md-warning .card-header-md-primary-text,
.card-md-warning .card-title-md-primary-text,
.card-md-warning .card-content-md-primary-text {
  color: #189dae;
}

.card-md-warning .text-md-white,
.card-md-warning .card-header-md-white,
.card-md-warning .card-title-md-white,
.card-md-warning .card-content-md-white {
  color: #FFFFFF;
}

.card-md-warning .text-md-success,
.card-md-warning .card-header-md-success,
.card-md-warning .card-title-md-success,
.card-md-warning .card-content-md-success {
  color: #2BB34D;
}

.card-md-warning .text-md-info,
.card-md-warning .card-header-md-info,
.card-md-warning .card-title-md-info,
.card-md-warning .card-content-md-info {
  color: #1A73E8;
}

.card-md-warning .text-md-warning,
.card-md-warning .card-header-md-warning,
.card-md-warning .card-title-md-warning,
.card-md-warning .card-content-md-warning {
  color: #FFAB00;
}

.card-md-warning .text-md-danger,
.card-md-warning .card-header-md-danger,
.card-md-warning .card-title-md-danger,
.card-md-warning .card-content-md-danger {
  color: #F0624D;
}

.card-md-warning .text-md-tam,
.card-md-warning .card-header-md-tam,
.card-md-warning .card-title-md-tam,
.card-md-warning .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-warning,
.card-title-md-warning,
.card-content-md-warning {
  color: #FFAB00;
}

.card-md .text-md-danger {
  color: #F0624D;
}

.card-md-danger {
  color: #fff;
  background-color: #F0624D;
}

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

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

.card-md-danger .text-md-danger-low,
.card-md-danger .card-header-md-danger-low,
.card-md-danger .card-title-md-danger-low,
.card-md-danger .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-danger .text-md-light,
.card-md-danger .card-header-md-light,
.card-md-danger .card-title-md-light,
.card-md-danger .card-content-md-light {
  color: #f4f4f4;
}

.card-md-danger .text-md-dark,
.card-md-danger .card-header-md-dark,
.card-md-danger .card-title-md-dark,
.card-md-danger .card-content-md-dark {
  color: #222;
}

.card-md-danger .text-md-favorite,
.card-md-danger .card-header-md-favorite,
.card-md-danger .card-title-md-favorite,
.card-md-danger .card-content-md-favorite {
  color: #39B44A;
}

.card-md-danger .text-md-darkgrey,
.card-md-danger .card-header-md-darkgrey,
.card-md-danger .card-title-md-darkgrey,
.card-md-danger .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-danger .text-md-emerald,
.card-md-danger .card-header-md-emerald,
.card-md-danger .card-title-md-emerald,
.card-md-danger .card-content-md-emerald {
  color: #3498db;
}

.card-md-danger .text-md-concrete,
.card-md-danger .card-header-md-concrete,
.card-md-danger .card-title-md-concrete,
.card-md-danger .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-danger .text-md-yellow,
.card-md-danger .card-header-md-yellow,
.card-md-danger .card-title-md-yellow,
.card-md-danger .card-content-md-yellow {
  color: #ffff00;
}

.card-md-danger .text-md-black,
.card-md-danger .card-header-md-black,
.card-md-danger .card-title-md-black,
.card-md-danger .card-content-md-black {
  color: #000000;
}

.card-md-danger .text-md-grey,
.card-md-danger .card-header-md-grey,
.card-md-danger .card-title-md-grey,
.card-md-danger .card-content-md-grey {
  color: #808080;
}

.card-md-danger .text-md-red,
.card-md-danger .card-header-md-red,
.card-md-danger .card-title-md-red,
.card-md-danger .card-content-md-red {
  color: #ed4956;
}

.card-md-danger .text-md-notif,
.card-md-danger .card-header-md-notif,
.card-md-danger .card-title-md-notif,
.card-md-danger .card-content-md-notif {
  color: #17DFC4;
}

.card-md-danger .text-md-new-badge,
.card-md-danger .card-header-md-new-badge,
.card-md-danger .card-title-md-new-badge,
.card-md-danger .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-danger .text-md-accent,
.card-md-danger .card-header-md-accent,
.card-md-danger .card-title-md-accent,
.card-md-danger .card-content-md-accent {
  color: #63BEFB;
}

.card-md-danger .text-md-skeleton,
.card-md-danger .card-header-md-skeleton,
.card-md-danger .card-title-md-skeleton,
.card-md-danger .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-danger .text-md-outline,
.card-md-danger .card-header-md-outline,
.card-md-danger .card-title-md-outline,
.card-md-danger .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-danger .text-md-secondary-text,
.card-md-danger .card-header-md-secondary-text,
.card-md-danger .card-title-md-secondary-text,
.card-md-danger .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-danger .text-md-text,
.card-md-danger .card-header-md-text,
.card-md-danger .card-title-md-text,
.card-md-danger .card-content-md-text {
  color: #192528;
}

.card-md-danger .text-md-label,
.card-md-danger .card-header-md-label,
.card-md-danger .card-title-md-label,
.card-md-danger .card-content-md-label {
  color: #333333;
}

.card-md-danger .text-md-hover,
.card-md-danger .card-header-md-hover,
.card-md-danger .card-title-md-hover,
.card-md-danger .card-content-md-hover {
  color: #eff2f4;
}

.card-md-danger .text-md-hover-dark,
.card-md-danger .card-header-md-hover-dark,
.card-md-danger .card-title-md-hover-dark,
.card-md-danger .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-danger .text-md-bgcard,
.card-md-danger .card-header-md-bgcard,
.card-md-danger .card-title-md-bgcard,
.card-md-danger .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-danger .text-md-bgcard2,
.card-md-danger .card-header-md-bgcard2,
.card-md-danger .card-title-md-bgcard2,
.card-md-danger .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-danger .text-md-bglabel,
.card-md-danger .card-header-md-bglabel,
.card-md-danger .card-title-md-bglabel,
.card-md-danger .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-danger .text-md-primary-light,
.card-md-danger .card-header-md-primary-light,
.card-md-danger .card-title-md-primary-light,
.card-md-danger .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-danger .text-md-bgicon,
.card-md-danger .card-header-md-bgicon,
.card-md-danger .card-title-md-bgicon,
.card-md-danger .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-danger .text-md-primary-text,
.card-md-danger .card-header-md-primary-text,
.card-md-danger .card-title-md-primary-text,
.card-md-danger .card-content-md-primary-text {
  color: #189dae;
}

.card-md-danger .text-md-white,
.card-md-danger .card-header-md-white,
.card-md-danger .card-title-md-white,
.card-md-danger .card-content-md-white {
  color: #FFFFFF;
}

.card-md-danger .text-md-success,
.card-md-danger .card-header-md-success,
.card-md-danger .card-title-md-success,
.card-md-danger .card-content-md-success {
  color: #2BB34D;
}

.card-md-danger .text-md-info,
.card-md-danger .card-header-md-info,
.card-md-danger .card-title-md-info,
.card-md-danger .card-content-md-info {
  color: #1A73E8;
}

.card-md-danger .text-md-warning,
.card-md-danger .card-header-md-warning,
.card-md-danger .card-title-md-warning,
.card-md-danger .card-content-md-warning {
  color: #FFAB00;
}

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

.card-md-danger .text-md-tam,
.card-md-danger .card-header-md-tam,
.card-md-danger .card-title-md-tam,
.card-md-danger .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-danger,
.card-title-md-danger,
.card-content-md-danger {
  color: #F0624D;
}

.card-md .text-md-tam {
  color: #CC0400;
}

.card-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.card-md-tam .card-header-md,
.card-md-tam .card-title-md,
.card-md-tam .card-content-md,
.card-md-tam h1,
.card-md-tam h2,
.card-md-tam h3,
.card-md-tam h4,
.card-md-tam h5,
.card-md-tam h6,
.card-md-tam p {
  color: #fff;
}

.card-md-tam .text-md-primary,
.card-md-tam .card-header-md-primary,
.card-md-tam .card-title-md-primary,
.card-md-tam .card-content-md-primary {
  color: #F68A22;
}

.card-md-tam .text-md-secondary,
.card-md-tam .card-header-md-secondary,
.card-md-tam .card-title-md-secondary,
.card-md-tam .card-content-md-secondary {
  color: #63BEFB;
}

.card-md-tam .text-md-danger-low,
.card-md-tam .card-header-md-danger-low,
.card-md-tam .card-title-md-danger-low,
.card-md-tam .card-content-md-danger-low {
  color: #fb745e;
}

.card-md-tam .text-md-light,
.card-md-tam .card-header-md-light,
.card-md-tam .card-title-md-light,
.card-md-tam .card-content-md-light {
  color: #f4f4f4;
}

.card-md-tam .text-md-dark,
.card-md-tam .card-header-md-dark,
.card-md-tam .card-title-md-dark,
.card-md-tam .card-content-md-dark {
  color: #222;
}

.card-md-tam .text-md-favorite,
.card-md-tam .card-header-md-favorite,
.card-md-tam .card-title-md-favorite,
.card-md-tam .card-content-md-favorite {
  color: #39B44A;
}

.card-md-tam .text-md-darkgrey,
.card-md-tam .card-header-md-darkgrey,
.card-md-tam .card-title-md-darkgrey,
.card-md-tam .card-content-md-darkgrey {
  color: #8e9093;
}

.card-md-tam .text-md-emerald,
.card-md-tam .card-header-md-emerald,
.card-md-tam .card-title-md-emerald,
.card-md-tam .card-content-md-emerald {
  color: #3498db;
}

.card-md-tam .text-md-concrete,
.card-md-tam .card-header-md-concrete,
.card-md-tam .card-title-md-concrete,
.card-md-tam .card-content-md-concrete {
  color: #bdc3c7;
}

.card-md-tam .text-md-yellow,
.card-md-tam .card-header-md-yellow,
.card-md-tam .card-title-md-yellow,
.card-md-tam .card-content-md-yellow {
  color: #ffff00;
}

.card-md-tam .text-md-black,
.card-md-tam .card-header-md-black,
.card-md-tam .card-title-md-black,
.card-md-tam .card-content-md-black {
  color: #000000;
}

.card-md-tam .text-md-grey,
.card-md-tam .card-header-md-grey,
.card-md-tam .card-title-md-grey,
.card-md-tam .card-content-md-grey {
  color: #808080;
}

.card-md-tam .text-md-red,
.card-md-tam .card-header-md-red,
.card-md-tam .card-title-md-red,
.card-md-tam .card-content-md-red {
  color: #ed4956;
}

.card-md-tam .text-md-notif,
.card-md-tam .card-header-md-notif,
.card-md-tam .card-title-md-notif,
.card-md-tam .card-content-md-notif {
  color: #17DFC4;
}

.card-md-tam .text-md-new-badge,
.card-md-tam .card-header-md-new-badge,
.card-md-tam .card-title-md-new-badge,
.card-md-tam .card-content-md-new-badge {
  color: #63BEFB;
}

.card-md-tam .text-md-accent,
.card-md-tam .card-header-md-accent,
.card-md-tam .card-title-md-accent,
.card-md-tam .card-content-md-accent {
  color: #63BEFB;
}

.card-md-tam .text-md-skeleton,
.card-md-tam .card-header-md-skeleton,
.card-md-tam .card-title-md-skeleton,
.card-md-tam .card-content-md-skeleton {
  color: #dddddd;
}

.card-md-tam .text-md-outline,
.card-md-tam .card-header-md-outline,
.card-md-tam .card-title-md-outline,
.card-md-tam .card-content-md-outline {
  color: #dbdbe1;
}

.card-md-tam .text-md-secondary-text,
.card-md-tam .card-header-md-secondary-text,
.card-md-tam .card-title-md-secondary-text,
.card-md-tam .card-content-md-secondary-text {
  color: #A5B0B7;
}

.card-md-tam .text-md-text,
.card-md-tam .card-header-md-text,
.card-md-tam .card-title-md-text,
.card-md-tam .card-content-md-text {
  color: #192528;
}

.card-md-tam .text-md-label,
.card-md-tam .card-header-md-label,
.card-md-tam .card-title-md-label,
.card-md-tam .card-content-md-label {
  color: #333333;
}

.card-md-tam .text-md-hover,
.card-md-tam .card-header-md-hover,
.card-md-tam .card-title-md-hover,
.card-md-tam .card-content-md-hover {
  color: #eff2f4;
}

.card-md-tam .text-md-hover-dark,
.card-md-tam .card-header-md-hover-dark,
.card-md-tam .card-title-md-hover-dark,
.card-md-tam .card-content-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-md-tam .text-md-bgcard,
.card-md-tam .card-header-md-bgcard,
.card-md-tam .card-title-md-bgcard,
.card-md-tam .card-content-md-bgcard {
  color: #f2f5f8;
}

.card-md-tam .text-md-bgcard2,
.card-md-tam .card-header-md-bgcard2,
.card-md-tam .card-title-md-bgcard2,
.card-md-tam .card-content-md-bgcard2 {
  color: #fcfcfc;
}

.card-md-tam .text-md-bglabel,
.card-md-tam .card-header-md-bglabel,
.card-md-tam .card-title-md-bglabel,
.card-md-tam .card-content-md-bglabel {
  color: #E2E9ED;
}

.card-md-tam .text-md-primary-light,
.card-md-tam .card-header-md-primary-light,
.card-md-tam .card-title-md-primary-light,
.card-md-tam .card-content-md-primary-light {
  color: #08b2be;
}

.card-md-tam .text-md-bgicon,
.card-md-tam .card-header-md-bgicon,
.card-md-tam .card-title-md-bgicon,
.card-md-tam .card-content-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-md-tam .text-md-primary-text,
.card-md-tam .card-header-md-primary-text,
.card-md-tam .card-title-md-primary-text,
.card-md-tam .card-content-md-primary-text {
  color: #189dae;
}

.card-md-tam .text-md-white,
.card-md-tam .card-header-md-white,
.card-md-tam .card-title-md-white,
.card-md-tam .card-content-md-white {
  color: #FFFFFF;
}

.card-md-tam .text-md-success,
.card-md-tam .card-header-md-success,
.card-md-tam .card-title-md-success,
.card-md-tam .card-content-md-success {
  color: #2BB34D;
}

.card-md-tam .text-md-info,
.card-md-tam .card-header-md-info,
.card-md-tam .card-title-md-info,
.card-md-tam .card-content-md-info {
  color: #1A73E8;
}

.card-md-tam .text-md-warning,
.card-md-tam .card-header-md-warning,
.card-md-tam .card-title-md-warning,
.card-md-tam .card-content-md-warning {
  color: #FFAB00;
}

.card-md-tam .text-md-danger,
.card-md-tam .card-header-md-danger,
.card-md-tam .card-title-md-danger,
.card-md-tam .card-content-md-danger {
  color: #F0624D;
}

.card-md-tam .text-md-tam,
.card-md-tam .card-header-md-tam,
.card-md-tam .card-title-md-tam,
.card-md-tam .card-content-md-tam {
  color: #CC0400;
}

.card-header-md-tam,
.card-title-md-tam,
.card-content-md-tam {
  color: #CC0400;
}

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

.card-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

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

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

.card-wp-primary .text-wp-danger-low,
.card-wp-primary .card-header-wp-danger-low,
.card-wp-primary .card-title-wp-danger-low,
.card-wp-primary .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-primary .text-wp-light,
.card-wp-primary .card-header-wp-light,
.card-wp-primary .card-title-wp-light,
.card-wp-primary .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-primary .text-wp-dark,
.card-wp-primary .card-header-wp-dark,
.card-wp-primary .card-title-wp-dark,
.card-wp-primary .card-content-wp-dark {
  color: #222;
}

.card-wp-primary .text-wp-favorite,
.card-wp-primary .card-header-wp-favorite,
.card-wp-primary .card-title-wp-favorite,
.card-wp-primary .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-primary .text-wp-darkgrey,
.card-wp-primary .card-header-wp-darkgrey,
.card-wp-primary .card-title-wp-darkgrey,
.card-wp-primary .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-primary .text-wp-emerald,
.card-wp-primary .card-header-wp-emerald,
.card-wp-primary .card-title-wp-emerald,
.card-wp-primary .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-primary .text-wp-concrete,
.card-wp-primary .card-header-wp-concrete,
.card-wp-primary .card-title-wp-concrete,
.card-wp-primary .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-primary .text-wp-yellow,
.card-wp-primary .card-header-wp-yellow,
.card-wp-primary .card-title-wp-yellow,
.card-wp-primary .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-primary .text-wp-black,
.card-wp-primary .card-header-wp-black,
.card-wp-primary .card-title-wp-black,
.card-wp-primary .card-content-wp-black {
  color: #000000;
}

.card-wp-primary .text-wp-grey,
.card-wp-primary .card-header-wp-grey,
.card-wp-primary .card-title-wp-grey,
.card-wp-primary .card-content-wp-grey {
  color: #808080;
}

.card-wp-primary .text-wp-red,
.card-wp-primary .card-header-wp-red,
.card-wp-primary .card-title-wp-red,
.card-wp-primary .card-content-wp-red {
  color: #ed4956;
}

.card-wp-primary .text-wp-notif,
.card-wp-primary .card-header-wp-notif,
.card-wp-primary .card-title-wp-notif,
.card-wp-primary .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-primary .text-wp-new-badge,
.card-wp-primary .card-header-wp-new-badge,
.card-wp-primary .card-title-wp-new-badge,
.card-wp-primary .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-primary .text-wp-accent,
.card-wp-primary .card-header-wp-accent,
.card-wp-primary .card-title-wp-accent,
.card-wp-primary .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-primary .text-wp-skeleton,
.card-wp-primary .card-header-wp-skeleton,
.card-wp-primary .card-title-wp-skeleton,
.card-wp-primary .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-primary .text-wp-outline,
.card-wp-primary .card-header-wp-outline,
.card-wp-primary .card-title-wp-outline,
.card-wp-primary .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-primary .text-wp-secondary-text,
.card-wp-primary .card-header-wp-secondary-text,
.card-wp-primary .card-title-wp-secondary-text,
.card-wp-primary .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-primary .text-wp-text,
.card-wp-primary .card-header-wp-text,
.card-wp-primary .card-title-wp-text,
.card-wp-primary .card-content-wp-text {
  color: #192528;
}

.card-wp-primary .text-wp-label,
.card-wp-primary .card-header-wp-label,
.card-wp-primary .card-title-wp-label,
.card-wp-primary .card-content-wp-label {
  color: #333333;
}

.card-wp-primary .text-wp-hover,
.card-wp-primary .card-header-wp-hover,
.card-wp-primary .card-title-wp-hover,
.card-wp-primary .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-primary .text-wp-hover-dark,
.card-wp-primary .card-header-wp-hover-dark,
.card-wp-primary .card-title-wp-hover-dark,
.card-wp-primary .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-primary .text-wp-bgcard,
.card-wp-primary .card-header-wp-bgcard,
.card-wp-primary .card-title-wp-bgcard,
.card-wp-primary .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-primary .text-wp-bgcard2,
.card-wp-primary .card-header-wp-bgcard2,
.card-wp-primary .card-title-wp-bgcard2,
.card-wp-primary .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-primary .text-wp-bglabel,
.card-wp-primary .card-header-wp-bglabel,
.card-wp-primary .card-title-wp-bglabel,
.card-wp-primary .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-primary .text-wp-primary-light,
.card-wp-primary .card-header-wp-primary-light,
.card-wp-primary .card-title-wp-primary-light,
.card-wp-primary .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-primary .text-wp-bgicon,
.card-wp-primary .card-header-wp-bgicon,
.card-wp-primary .card-title-wp-bgicon,
.card-wp-primary .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-primary .text-wp-primary-text,
.card-wp-primary .card-header-wp-primary-text,
.card-wp-primary .card-title-wp-primary-text,
.card-wp-primary .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-primary .text-wp-white,
.card-wp-primary .card-header-wp-white,
.card-wp-primary .card-title-wp-white,
.card-wp-primary .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-primary .text-wp-success,
.card-wp-primary .card-header-wp-success,
.card-wp-primary .card-title-wp-success,
.card-wp-primary .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-primary .text-wp-info,
.card-wp-primary .card-header-wp-info,
.card-wp-primary .card-title-wp-info,
.card-wp-primary .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-primary .text-wp-warning,
.card-wp-primary .card-header-wp-warning,
.card-wp-primary .card-title-wp-warning,
.card-wp-primary .card-content-wp-warning {
  color: #FFAB00;
}

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

.card-wp-primary .text-wp-tam,
.card-wp-primary .card-header-wp-tam,
.card-wp-primary .card-title-wp-tam,
.card-wp-primary .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-primary,
.card-title-wp-primary,
.card-content-wp-primary {
  color: #F68A22;
}

.card-wp .text-wp-secondary {
  color: #63BEFB;
}

.card-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

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

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

.card-wp-secondary .text-wp-danger-low,
.card-wp-secondary .card-header-wp-danger-low,
.card-wp-secondary .card-title-wp-danger-low,
.card-wp-secondary .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-secondary .text-wp-light,
.card-wp-secondary .card-header-wp-light,
.card-wp-secondary .card-title-wp-light,
.card-wp-secondary .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-secondary .text-wp-dark,
.card-wp-secondary .card-header-wp-dark,
.card-wp-secondary .card-title-wp-dark,
.card-wp-secondary .card-content-wp-dark {
  color: #222;
}

.card-wp-secondary .text-wp-favorite,
.card-wp-secondary .card-header-wp-favorite,
.card-wp-secondary .card-title-wp-favorite,
.card-wp-secondary .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-secondary .text-wp-darkgrey,
.card-wp-secondary .card-header-wp-darkgrey,
.card-wp-secondary .card-title-wp-darkgrey,
.card-wp-secondary .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-secondary .text-wp-emerald,
.card-wp-secondary .card-header-wp-emerald,
.card-wp-secondary .card-title-wp-emerald,
.card-wp-secondary .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-secondary .text-wp-concrete,
.card-wp-secondary .card-header-wp-concrete,
.card-wp-secondary .card-title-wp-concrete,
.card-wp-secondary .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-secondary .text-wp-yellow,
.card-wp-secondary .card-header-wp-yellow,
.card-wp-secondary .card-title-wp-yellow,
.card-wp-secondary .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-secondary .text-wp-black,
.card-wp-secondary .card-header-wp-black,
.card-wp-secondary .card-title-wp-black,
.card-wp-secondary .card-content-wp-black {
  color: #000000;
}

.card-wp-secondary .text-wp-grey,
.card-wp-secondary .card-header-wp-grey,
.card-wp-secondary .card-title-wp-grey,
.card-wp-secondary .card-content-wp-grey {
  color: #808080;
}

.card-wp-secondary .text-wp-red,
.card-wp-secondary .card-header-wp-red,
.card-wp-secondary .card-title-wp-red,
.card-wp-secondary .card-content-wp-red {
  color: #ed4956;
}

.card-wp-secondary .text-wp-notif,
.card-wp-secondary .card-header-wp-notif,
.card-wp-secondary .card-title-wp-notif,
.card-wp-secondary .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-secondary .text-wp-new-badge,
.card-wp-secondary .card-header-wp-new-badge,
.card-wp-secondary .card-title-wp-new-badge,
.card-wp-secondary .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-secondary .text-wp-accent,
.card-wp-secondary .card-header-wp-accent,
.card-wp-secondary .card-title-wp-accent,
.card-wp-secondary .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-secondary .text-wp-skeleton,
.card-wp-secondary .card-header-wp-skeleton,
.card-wp-secondary .card-title-wp-skeleton,
.card-wp-secondary .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-secondary .text-wp-outline,
.card-wp-secondary .card-header-wp-outline,
.card-wp-secondary .card-title-wp-outline,
.card-wp-secondary .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-secondary .text-wp-secondary-text,
.card-wp-secondary .card-header-wp-secondary-text,
.card-wp-secondary .card-title-wp-secondary-text,
.card-wp-secondary .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-secondary .text-wp-text,
.card-wp-secondary .card-header-wp-text,
.card-wp-secondary .card-title-wp-text,
.card-wp-secondary .card-content-wp-text {
  color: #192528;
}

.card-wp-secondary .text-wp-label,
.card-wp-secondary .card-header-wp-label,
.card-wp-secondary .card-title-wp-label,
.card-wp-secondary .card-content-wp-label {
  color: #333333;
}

.card-wp-secondary .text-wp-hover,
.card-wp-secondary .card-header-wp-hover,
.card-wp-secondary .card-title-wp-hover,
.card-wp-secondary .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-secondary .text-wp-hover-dark,
.card-wp-secondary .card-header-wp-hover-dark,
.card-wp-secondary .card-title-wp-hover-dark,
.card-wp-secondary .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-secondary .text-wp-bgcard,
.card-wp-secondary .card-header-wp-bgcard,
.card-wp-secondary .card-title-wp-bgcard,
.card-wp-secondary .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-secondary .text-wp-bgcard2,
.card-wp-secondary .card-header-wp-bgcard2,
.card-wp-secondary .card-title-wp-bgcard2,
.card-wp-secondary .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-secondary .text-wp-bglabel,
.card-wp-secondary .card-header-wp-bglabel,
.card-wp-secondary .card-title-wp-bglabel,
.card-wp-secondary .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-secondary .text-wp-primary-light,
.card-wp-secondary .card-header-wp-primary-light,
.card-wp-secondary .card-title-wp-primary-light,
.card-wp-secondary .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-secondary .text-wp-bgicon,
.card-wp-secondary .card-header-wp-bgicon,
.card-wp-secondary .card-title-wp-bgicon,
.card-wp-secondary .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-secondary .text-wp-primary-text,
.card-wp-secondary .card-header-wp-primary-text,
.card-wp-secondary .card-title-wp-primary-text,
.card-wp-secondary .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-secondary .text-wp-white,
.card-wp-secondary .card-header-wp-white,
.card-wp-secondary .card-title-wp-white,
.card-wp-secondary .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-secondary .text-wp-success,
.card-wp-secondary .card-header-wp-success,
.card-wp-secondary .card-title-wp-success,
.card-wp-secondary .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-secondary .text-wp-info,
.card-wp-secondary .card-header-wp-info,
.card-wp-secondary .card-title-wp-info,
.card-wp-secondary .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-secondary .text-wp-warning,
.card-wp-secondary .card-header-wp-warning,
.card-wp-secondary .card-title-wp-warning,
.card-wp-secondary .card-content-wp-warning {
  color: #FFAB00;
}

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

.card-wp-secondary .text-wp-tam,
.card-wp-secondary .card-header-wp-tam,
.card-wp-secondary .card-title-wp-tam,
.card-wp-secondary .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-secondary,
.card-title-wp-secondary,
.card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp .text-wp-danger-low {
  color: #fb745e;
}

.card-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.card-wp-danger-low .card-header-wp,
.card-wp-danger-low .card-title-wp,
.card-wp-danger-low .card-content-wp,
.card-wp-danger-low h1,
.card-wp-danger-low h2,
.card-wp-danger-low h3,
.card-wp-danger-low h4,
.card-wp-danger-low h5,
.card-wp-danger-low h6,
.card-wp-danger-low p {
  color: #fff;
}

.card-wp-danger-low .text-wp-primary,
.card-wp-danger-low .card-header-wp-primary,
.card-wp-danger-low .card-title-wp-primary,
.card-wp-danger-low .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-danger-low .text-wp-secondary,
.card-wp-danger-low .card-header-wp-secondary,
.card-wp-danger-low .card-title-wp-secondary,
.card-wp-danger-low .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-danger-low .text-wp-danger-low,
.card-wp-danger-low .card-header-wp-danger-low,
.card-wp-danger-low .card-title-wp-danger-low,
.card-wp-danger-low .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-danger-low .text-wp-light,
.card-wp-danger-low .card-header-wp-light,
.card-wp-danger-low .card-title-wp-light,
.card-wp-danger-low .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-danger-low .text-wp-dark,
.card-wp-danger-low .card-header-wp-dark,
.card-wp-danger-low .card-title-wp-dark,
.card-wp-danger-low .card-content-wp-dark {
  color: #222;
}

.card-wp-danger-low .text-wp-favorite,
.card-wp-danger-low .card-header-wp-favorite,
.card-wp-danger-low .card-title-wp-favorite,
.card-wp-danger-low .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-danger-low .text-wp-darkgrey,
.card-wp-danger-low .card-header-wp-darkgrey,
.card-wp-danger-low .card-title-wp-darkgrey,
.card-wp-danger-low .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-danger-low .text-wp-emerald,
.card-wp-danger-low .card-header-wp-emerald,
.card-wp-danger-low .card-title-wp-emerald,
.card-wp-danger-low .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-danger-low .text-wp-concrete,
.card-wp-danger-low .card-header-wp-concrete,
.card-wp-danger-low .card-title-wp-concrete,
.card-wp-danger-low .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-danger-low .text-wp-yellow,
.card-wp-danger-low .card-header-wp-yellow,
.card-wp-danger-low .card-title-wp-yellow,
.card-wp-danger-low .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-danger-low .text-wp-black,
.card-wp-danger-low .card-header-wp-black,
.card-wp-danger-low .card-title-wp-black,
.card-wp-danger-low .card-content-wp-black {
  color: #000000;
}

.card-wp-danger-low .text-wp-grey,
.card-wp-danger-low .card-header-wp-grey,
.card-wp-danger-low .card-title-wp-grey,
.card-wp-danger-low .card-content-wp-grey {
  color: #808080;
}

.card-wp-danger-low .text-wp-red,
.card-wp-danger-low .card-header-wp-red,
.card-wp-danger-low .card-title-wp-red,
.card-wp-danger-low .card-content-wp-red {
  color: #ed4956;
}

.card-wp-danger-low .text-wp-notif,
.card-wp-danger-low .card-header-wp-notif,
.card-wp-danger-low .card-title-wp-notif,
.card-wp-danger-low .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-danger-low .text-wp-new-badge,
.card-wp-danger-low .card-header-wp-new-badge,
.card-wp-danger-low .card-title-wp-new-badge,
.card-wp-danger-low .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-danger-low .text-wp-accent,
.card-wp-danger-low .card-header-wp-accent,
.card-wp-danger-low .card-title-wp-accent,
.card-wp-danger-low .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-danger-low .text-wp-skeleton,
.card-wp-danger-low .card-header-wp-skeleton,
.card-wp-danger-low .card-title-wp-skeleton,
.card-wp-danger-low .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-danger-low .text-wp-outline,
.card-wp-danger-low .card-header-wp-outline,
.card-wp-danger-low .card-title-wp-outline,
.card-wp-danger-low .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-danger-low .text-wp-secondary-text,
.card-wp-danger-low .card-header-wp-secondary-text,
.card-wp-danger-low .card-title-wp-secondary-text,
.card-wp-danger-low .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-danger-low .text-wp-text,
.card-wp-danger-low .card-header-wp-text,
.card-wp-danger-low .card-title-wp-text,
.card-wp-danger-low .card-content-wp-text {
  color: #192528;
}

.card-wp-danger-low .text-wp-label,
.card-wp-danger-low .card-header-wp-label,
.card-wp-danger-low .card-title-wp-label,
.card-wp-danger-low .card-content-wp-label {
  color: #333333;
}

.card-wp-danger-low .text-wp-hover,
.card-wp-danger-low .card-header-wp-hover,
.card-wp-danger-low .card-title-wp-hover,
.card-wp-danger-low .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-danger-low .text-wp-hover-dark,
.card-wp-danger-low .card-header-wp-hover-dark,
.card-wp-danger-low .card-title-wp-hover-dark,
.card-wp-danger-low .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-danger-low .text-wp-bgcard,
.card-wp-danger-low .card-header-wp-bgcard,
.card-wp-danger-low .card-title-wp-bgcard,
.card-wp-danger-low .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-danger-low .text-wp-bgcard2,
.card-wp-danger-low .card-header-wp-bgcard2,
.card-wp-danger-low .card-title-wp-bgcard2,
.card-wp-danger-low .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-danger-low .text-wp-bglabel,
.card-wp-danger-low .card-header-wp-bglabel,
.card-wp-danger-low .card-title-wp-bglabel,
.card-wp-danger-low .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-danger-low .text-wp-primary-light,
.card-wp-danger-low .card-header-wp-primary-light,
.card-wp-danger-low .card-title-wp-primary-light,
.card-wp-danger-low .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-danger-low .text-wp-bgicon,
.card-wp-danger-low .card-header-wp-bgicon,
.card-wp-danger-low .card-title-wp-bgicon,
.card-wp-danger-low .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-danger-low .text-wp-primary-text,
.card-wp-danger-low .card-header-wp-primary-text,
.card-wp-danger-low .card-title-wp-primary-text,
.card-wp-danger-low .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-danger-low .text-wp-white,
.card-wp-danger-low .card-header-wp-white,
.card-wp-danger-low .card-title-wp-white,
.card-wp-danger-low .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-danger-low .text-wp-success,
.card-wp-danger-low .card-header-wp-success,
.card-wp-danger-low .card-title-wp-success,
.card-wp-danger-low .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-danger-low .text-wp-info,
.card-wp-danger-low .card-header-wp-info,
.card-wp-danger-low .card-title-wp-info,
.card-wp-danger-low .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-danger-low .text-wp-warning,
.card-wp-danger-low .card-header-wp-warning,
.card-wp-danger-low .card-title-wp-warning,
.card-wp-danger-low .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-danger-low .text-wp-danger,
.card-wp-danger-low .card-header-wp-danger,
.card-wp-danger-low .card-title-wp-danger,
.card-wp-danger-low .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-danger-low .text-wp-tam,
.card-wp-danger-low .card-header-wp-tam,
.card-wp-danger-low .card-title-wp-tam,
.card-wp-danger-low .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-danger-low,
.card-title-wp-danger-low,
.card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp .text-wp-light {
  color: #f4f4f4;
}

.card-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.card-wp-light .card-header-wp,
.card-wp-light .card-title-wp,
.card-wp-light .card-content-wp,
.card-wp-light h1,
.card-wp-light h2,
.card-wp-light h3,
.card-wp-light h4,
.card-wp-light h5,
.card-wp-light h6,
.card-wp-light p {
  color: #000;
}

.card-wp-light .text-wp-primary,
.card-wp-light .card-header-wp-primary,
.card-wp-light .card-title-wp-primary,
.card-wp-light .card-content-wp-primary {
  color: #F68A22;
}

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

.card-wp-light .text-wp-danger-low,
.card-wp-light .card-header-wp-danger-low,
.card-wp-light .card-title-wp-danger-low,
.card-wp-light .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-light .text-wp-light,
.card-wp-light .card-header-wp-light,
.card-wp-light .card-title-wp-light,
.card-wp-light .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-light .text-wp-dark,
.card-wp-light .card-header-wp-dark,
.card-wp-light .card-title-wp-dark,
.card-wp-light .card-content-wp-dark {
  color: #222;
}

.card-wp-light .text-wp-favorite,
.card-wp-light .card-header-wp-favorite,
.card-wp-light .card-title-wp-favorite,
.card-wp-light .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-light .text-wp-darkgrey,
.card-wp-light .card-header-wp-darkgrey,
.card-wp-light .card-title-wp-darkgrey,
.card-wp-light .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-light .text-wp-emerald,
.card-wp-light .card-header-wp-emerald,
.card-wp-light .card-title-wp-emerald,
.card-wp-light .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-light .text-wp-concrete,
.card-wp-light .card-header-wp-concrete,
.card-wp-light .card-title-wp-concrete,
.card-wp-light .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-light .text-wp-yellow,
.card-wp-light .card-header-wp-yellow,
.card-wp-light .card-title-wp-yellow,
.card-wp-light .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-light .text-wp-black,
.card-wp-light .card-header-wp-black,
.card-wp-light .card-title-wp-black,
.card-wp-light .card-content-wp-black {
  color: #000000;
}

.card-wp-light .text-wp-grey,
.card-wp-light .card-header-wp-grey,
.card-wp-light .card-title-wp-grey,
.card-wp-light .card-content-wp-grey {
  color: #808080;
}

.card-wp-light .text-wp-red,
.card-wp-light .card-header-wp-red,
.card-wp-light .card-title-wp-red,
.card-wp-light .card-content-wp-red {
  color: #ed4956;
}

.card-wp-light .text-wp-notif,
.card-wp-light .card-header-wp-notif,
.card-wp-light .card-title-wp-notif,
.card-wp-light .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-light .text-wp-new-badge,
.card-wp-light .card-header-wp-new-badge,
.card-wp-light .card-title-wp-new-badge,
.card-wp-light .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-light .text-wp-accent,
.card-wp-light .card-header-wp-accent,
.card-wp-light .card-title-wp-accent,
.card-wp-light .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-light .text-wp-skeleton,
.card-wp-light .card-header-wp-skeleton,
.card-wp-light .card-title-wp-skeleton,
.card-wp-light .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-light .text-wp-outline,
.card-wp-light .card-header-wp-outline,
.card-wp-light .card-title-wp-outline,
.card-wp-light .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-light .text-wp-secondary-text,
.card-wp-light .card-header-wp-secondary-text,
.card-wp-light .card-title-wp-secondary-text,
.card-wp-light .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-light .text-wp-text,
.card-wp-light .card-header-wp-text,
.card-wp-light .card-title-wp-text,
.card-wp-light .card-content-wp-text {
  color: #192528;
}

.card-wp-light .text-wp-label,
.card-wp-light .card-header-wp-label,
.card-wp-light .card-title-wp-label,
.card-wp-light .card-content-wp-label {
  color: #333333;
}

.card-wp-light .text-wp-hover,
.card-wp-light .card-header-wp-hover,
.card-wp-light .card-title-wp-hover,
.card-wp-light .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-light .text-wp-hover-dark,
.card-wp-light .card-header-wp-hover-dark,
.card-wp-light .card-title-wp-hover-dark,
.card-wp-light .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-light .text-wp-bgcard,
.card-wp-light .card-header-wp-bgcard,
.card-wp-light .card-title-wp-bgcard,
.card-wp-light .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-light .text-wp-bgcard2,
.card-wp-light .card-header-wp-bgcard2,
.card-wp-light .card-title-wp-bgcard2,
.card-wp-light .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-light .text-wp-bglabel,
.card-wp-light .card-header-wp-bglabel,
.card-wp-light .card-title-wp-bglabel,
.card-wp-light .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-light .text-wp-primary-light,
.card-wp-light .card-header-wp-primary-light,
.card-wp-light .card-title-wp-primary-light,
.card-wp-light .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-light .text-wp-bgicon,
.card-wp-light .card-header-wp-bgicon,
.card-wp-light .card-title-wp-bgicon,
.card-wp-light .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-light .text-wp-primary-text,
.card-wp-light .card-header-wp-primary-text,
.card-wp-light .card-title-wp-primary-text,
.card-wp-light .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-light .text-wp-white,
.card-wp-light .card-header-wp-white,
.card-wp-light .card-title-wp-white,
.card-wp-light .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-light .text-wp-success,
.card-wp-light .card-header-wp-success,
.card-wp-light .card-title-wp-success,
.card-wp-light .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-light .text-wp-info,
.card-wp-light .card-header-wp-info,
.card-wp-light .card-title-wp-info,
.card-wp-light .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-light .text-wp-warning,
.card-wp-light .card-header-wp-warning,
.card-wp-light .card-title-wp-warning,
.card-wp-light .card-content-wp-warning {
  color: #FFAB00;
}

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

.card-wp-light .text-wp-tam,
.card-wp-light .card-header-wp-tam,
.card-wp-light .card-title-wp-tam,
.card-wp-light .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-light,
.card-title-wp-light,
.card-content-wp-light {
  color: #f4f4f4;
}

.card-wp .text-wp-dark {
  color: #222;
}

.card-wp-dark {
  color: #fff;
  background-color: #222;
}

.card-wp-dark .card-header-wp,
.card-wp-dark .card-title-wp,
.card-wp-dark .card-content-wp,
.card-wp-dark h1,
.card-wp-dark h2,
.card-wp-dark h3,
.card-wp-dark h4,
.card-wp-dark h5,
.card-wp-dark h6,
.card-wp-dark p {
  color: #fff;
}

.card-wp-dark .text-wp-primary,
.card-wp-dark .card-header-wp-primary,
.card-wp-dark .card-title-wp-primary,
.card-wp-dark .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-dark .text-wp-secondary,
.card-wp-dark .card-header-wp-secondary,
.card-wp-dark .card-title-wp-secondary,
.card-wp-dark .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-dark .text-wp-danger-low,
.card-wp-dark .card-header-wp-danger-low,
.card-wp-dark .card-title-wp-danger-low,
.card-wp-dark .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-dark .text-wp-light,
.card-wp-dark .card-header-wp-light,
.card-wp-dark .card-title-wp-light,
.card-wp-dark .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-dark .text-wp-dark,
.card-wp-dark .card-header-wp-dark,
.card-wp-dark .card-title-wp-dark,
.card-wp-dark .card-content-wp-dark {
  color: #222;
}

.card-wp-dark .text-wp-favorite,
.card-wp-dark .card-header-wp-favorite,
.card-wp-dark .card-title-wp-favorite,
.card-wp-dark .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-dark .text-wp-darkgrey,
.card-wp-dark .card-header-wp-darkgrey,
.card-wp-dark .card-title-wp-darkgrey,
.card-wp-dark .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-dark .text-wp-emerald,
.card-wp-dark .card-header-wp-emerald,
.card-wp-dark .card-title-wp-emerald,
.card-wp-dark .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-dark .text-wp-concrete,
.card-wp-dark .card-header-wp-concrete,
.card-wp-dark .card-title-wp-concrete,
.card-wp-dark .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-dark .text-wp-yellow,
.card-wp-dark .card-header-wp-yellow,
.card-wp-dark .card-title-wp-yellow,
.card-wp-dark .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-dark .text-wp-black,
.card-wp-dark .card-header-wp-black,
.card-wp-dark .card-title-wp-black,
.card-wp-dark .card-content-wp-black {
  color: #000000;
}

.card-wp-dark .text-wp-grey,
.card-wp-dark .card-header-wp-grey,
.card-wp-dark .card-title-wp-grey,
.card-wp-dark .card-content-wp-grey {
  color: #808080;
}

.card-wp-dark .text-wp-red,
.card-wp-dark .card-header-wp-red,
.card-wp-dark .card-title-wp-red,
.card-wp-dark .card-content-wp-red {
  color: #ed4956;
}

.card-wp-dark .text-wp-notif,
.card-wp-dark .card-header-wp-notif,
.card-wp-dark .card-title-wp-notif,
.card-wp-dark .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-dark .text-wp-new-badge,
.card-wp-dark .card-header-wp-new-badge,
.card-wp-dark .card-title-wp-new-badge,
.card-wp-dark .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-dark .text-wp-accent,
.card-wp-dark .card-header-wp-accent,
.card-wp-dark .card-title-wp-accent,
.card-wp-dark .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-dark .text-wp-skeleton,
.card-wp-dark .card-header-wp-skeleton,
.card-wp-dark .card-title-wp-skeleton,
.card-wp-dark .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-dark .text-wp-outline,
.card-wp-dark .card-header-wp-outline,
.card-wp-dark .card-title-wp-outline,
.card-wp-dark .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-dark .text-wp-secondary-text,
.card-wp-dark .card-header-wp-secondary-text,
.card-wp-dark .card-title-wp-secondary-text,
.card-wp-dark .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-dark .text-wp-text,
.card-wp-dark .card-header-wp-text,
.card-wp-dark .card-title-wp-text,
.card-wp-dark .card-content-wp-text {
  color: #192528;
}

.card-wp-dark .text-wp-label,
.card-wp-dark .card-header-wp-label,
.card-wp-dark .card-title-wp-label,
.card-wp-dark .card-content-wp-label {
  color: #333333;
}

.card-wp-dark .text-wp-hover,
.card-wp-dark .card-header-wp-hover,
.card-wp-dark .card-title-wp-hover,
.card-wp-dark .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-dark .text-wp-hover-dark,
.card-wp-dark .card-header-wp-hover-dark,
.card-wp-dark .card-title-wp-hover-dark,
.card-wp-dark .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-dark .text-wp-bgcard,
.card-wp-dark .card-header-wp-bgcard,
.card-wp-dark .card-title-wp-bgcard,
.card-wp-dark .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-dark .text-wp-bgcard2,
.card-wp-dark .card-header-wp-bgcard2,
.card-wp-dark .card-title-wp-bgcard2,
.card-wp-dark .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-dark .text-wp-bglabel,
.card-wp-dark .card-header-wp-bglabel,
.card-wp-dark .card-title-wp-bglabel,
.card-wp-dark .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-dark .text-wp-primary-light,
.card-wp-dark .card-header-wp-primary-light,
.card-wp-dark .card-title-wp-primary-light,
.card-wp-dark .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-dark .text-wp-bgicon,
.card-wp-dark .card-header-wp-bgicon,
.card-wp-dark .card-title-wp-bgicon,
.card-wp-dark .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-dark .text-wp-primary-text,
.card-wp-dark .card-header-wp-primary-text,
.card-wp-dark .card-title-wp-primary-text,
.card-wp-dark .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-dark .text-wp-white,
.card-wp-dark .card-header-wp-white,
.card-wp-dark .card-title-wp-white,
.card-wp-dark .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-dark .text-wp-success,
.card-wp-dark .card-header-wp-success,
.card-wp-dark .card-title-wp-success,
.card-wp-dark .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-dark .text-wp-info,
.card-wp-dark .card-header-wp-info,
.card-wp-dark .card-title-wp-info,
.card-wp-dark .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-dark .text-wp-warning,
.card-wp-dark .card-header-wp-warning,
.card-wp-dark .card-title-wp-warning,
.card-wp-dark .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-dark .text-wp-danger,
.card-wp-dark .card-header-wp-danger,
.card-wp-dark .card-title-wp-danger,
.card-wp-dark .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-dark .text-wp-tam,
.card-wp-dark .card-header-wp-tam,
.card-wp-dark .card-title-wp-tam,
.card-wp-dark .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-dark,
.card-title-wp-dark,
.card-content-wp-dark {
  color: #222;
}

.card-wp .text-wp-favorite {
  color: #39B44A;
}

.card-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.card-wp-favorite .card-header-wp,
.card-wp-favorite .card-title-wp,
.card-wp-favorite .card-content-wp,
.card-wp-favorite h1,
.card-wp-favorite h2,
.card-wp-favorite h3,
.card-wp-favorite h4,
.card-wp-favorite h5,
.card-wp-favorite h6,
.card-wp-favorite p {
  color: #fff;
}

.card-wp-favorite .text-wp-primary,
.card-wp-favorite .card-header-wp-primary,
.card-wp-favorite .card-title-wp-primary,
.card-wp-favorite .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-favorite .text-wp-secondary,
.card-wp-favorite .card-header-wp-secondary,
.card-wp-favorite .card-title-wp-secondary,
.card-wp-favorite .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-favorite .text-wp-danger-low,
.card-wp-favorite .card-header-wp-danger-low,
.card-wp-favorite .card-title-wp-danger-low,
.card-wp-favorite .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-favorite .text-wp-light,
.card-wp-favorite .card-header-wp-light,
.card-wp-favorite .card-title-wp-light,
.card-wp-favorite .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-favorite .text-wp-dark,
.card-wp-favorite .card-header-wp-dark,
.card-wp-favorite .card-title-wp-dark,
.card-wp-favorite .card-content-wp-dark {
  color: #222;
}

.card-wp-favorite .text-wp-favorite,
.card-wp-favorite .card-header-wp-favorite,
.card-wp-favorite .card-title-wp-favorite,
.card-wp-favorite .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-favorite .text-wp-darkgrey,
.card-wp-favorite .card-header-wp-darkgrey,
.card-wp-favorite .card-title-wp-darkgrey,
.card-wp-favorite .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-favorite .text-wp-emerald,
.card-wp-favorite .card-header-wp-emerald,
.card-wp-favorite .card-title-wp-emerald,
.card-wp-favorite .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-favorite .text-wp-concrete,
.card-wp-favorite .card-header-wp-concrete,
.card-wp-favorite .card-title-wp-concrete,
.card-wp-favorite .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-favorite .text-wp-yellow,
.card-wp-favorite .card-header-wp-yellow,
.card-wp-favorite .card-title-wp-yellow,
.card-wp-favorite .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-favorite .text-wp-black,
.card-wp-favorite .card-header-wp-black,
.card-wp-favorite .card-title-wp-black,
.card-wp-favorite .card-content-wp-black {
  color: #000000;
}

.card-wp-favorite .text-wp-grey,
.card-wp-favorite .card-header-wp-grey,
.card-wp-favorite .card-title-wp-grey,
.card-wp-favorite .card-content-wp-grey {
  color: #808080;
}

.card-wp-favorite .text-wp-red,
.card-wp-favorite .card-header-wp-red,
.card-wp-favorite .card-title-wp-red,
.card-wp-favorite .card-content-wp-red {
  color: #ed4956;
}

.card-wp-favorite .text-wp-notif,
.card-wp-favorite .card-header-wp-notif,
.card-wp-favorite .card-title-wp-notif,
.card-wp-favorite .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-favorite .text-wp-new-badge,
.card-wp-favorite .card-header-wp-new-badge,
.card-wp-favorite .card-title-wp-new-badge,
.card-wp-favorite .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-favorite .text-wp-accent,
.card-wp-favorite .card-header-wp-accent,
.card-wp-favorite .card-title-wp-accent,
.card-wp-favorite .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-favorite .text-wp-skeleton,
.card-wp-favorite .card-header-wp-skeleton,
.card-wp-favorite .card-title-wp-skeleton,
.card-wp-favorite .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-favorite .text-wp-outline,
.card-wp-favorite .card-header-wp-outline,
.card-wp-favorite .card-title-wp-outline,
.card-wp-favorite .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-favorite .text-wp-secondary-text,
.card-wp-favorite .card-header-wp-secondary-text,
.card-wp-favorite .card-title-wp-secondary-text,
.card-wp-favorite .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-favorite .text-wp-text,
.card-wp-favorite .card-header-wp-text,
.card-wp-favorite .card-title-wp-text,
.card-wp-favorite .card-content-wp-text {
  color: #192528;
}

.card-wp-favorite .text-wp-label,
.card-wp-favorite .card-header-wp-label,
.card-wp-favorite .card-title-wp-label,
.card-wp-favorite .card-content-wp-label {
  color: #333333;
}

.card-wp-favorite .text-wp-hover,
.card-wp-favorite .card-header-wp-hover,
.card-wp-favorite .card-title-wp-hover,
.card-wp-favorite .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-favorite .text-wp-hover-dark,
.card-wp-favorite .card-header-wp-hover-dark,
.card-wp-favorite .card-title-wp-hover-dark,
.card-wp-favorite .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-favorite .text-wp-bgcard,
.card-wp-favorite .card-header-wp-bgcard,
.card-wp-favorite .card-title-wp-bgcard,
.card-wp-favorite .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-favorite .text-wp-bgcard2,
.card-wp-favorite .card-header-wp-bgcard2,
.card-wp-favorite .card-title-wp-bgcard2,
.card-wp-favorite .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-favorite .text-wp-bglabel,
.card-wp-favorite .card-header-wp-bglabel,
.card-wp-favorite .card-title-wp-bglabel,
.card-wp-favorite .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-favorite .text-wp-primary-light,
.card-wp-favorite .card-header-wp-primary-light,
.card-wp-favorite .card-title-wp-primary-light,
.card-wp-favorite .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-favorite .text-wp-bgicon,
.card-wp-favorite .card-header-wp-bgicon,
.card-wp-favorite .card-title-wp-bgicon,
.card-wp-favorite .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-favorite .text-wp-primary-text,
.card-wp-favorite .card-header-wp-primary-text,
.card-wp-favorite .card-title-wp-primary-text,
.card-wp-favorite .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-favorite .text-wp-white,
.card-wp-favorite .card-header-wp-white,
.card-wp-favorite .card-title-wp-white,
.card-wp-favorite .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-favorite .text-wp-success,
.card-wp-favorite .card-header-wp-success,
.card-wp-favorite .card-title-wp-success,
.card-wp-favorite .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-favorite .text-wp-info,
.card-wp-favorite .card-header-wp-info,
.card-wp-favorite .card-title-wp-info,
.card-wp-favorite .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-favorite .text-wp-warning,
.card-wp-favorite .card-header-wp-warning,
.card-wp-favorite .card-title-wp-warning,
.card-wp-favorite .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-favorite .text-wp-danger,
.card-wp-favorite .card-header-wp-danger,
.card-wp-favorite .card-title-wp-danger,
.card-wp-favorite .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-favorite .text-wp-tam,
.card-wp-favorite .card-header-wp-tam,
.card-wp-favorite .card-title-wp-tam,
.card-wp-favorite .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-favorite,
.card-title-wp-favorite,
.card-content-wp-favorite {
  color: #39B44A;
}

.card-wp .text-wp-darkgrey {
  color: #8e9093;
}

.card-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.card-wp-darkgrey .card-header-wp,
.card-wp-darkgrey .card-title-wp,
.card-wp-darkgrey .card-content-wp,
.card-wp-darkgrey h1,
.card-wp-darkgrey h2,
.card-wp-darkgrey h3,
.card-wp-darkgrey h4,
.card-wp-darkgrey h5,
.card-wp-darkgrey h6,
.card-wp-darkgrey p {
  color: #fff;
}

.card-wp-darkgrey .text-wp-primary,
.card-wp-darkgrey .card-header-wp-primary,
.card-wp-darkgrey .card-title-wp-primary,
.card-wp-darkgrey .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-darkgrey .text-wp-secondary,
.card-wp-darkgrey .card-header-wp-secondary,
.card-wp-darkgrey .card-title-wp-secondary,
.card-wp-darkgrey .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-darkgrey .text-wp-danger-low,
.card-wp-darkgrey .card-header-wp-danger-low,
.card-wp-darkgrey .card-title-wp-danger-low,
.card-wp-darkgrey .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-darkgrey .text-wp-light,
.card-wp-darkgrey .card-header-wp-light,
.card-wp-darkgrey .card-title-wp-light,
.card-wp-darkgrey .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-darkgrey .text-wp-dark,
.card-wp-darkgrey .card-header-wp-dark,
.card-wp-darkgrey .card-title-wp-dark,
.card-wp-darkgrey .card-content-wp-dark {
  color: #222;
}

.card-wp-darkgrey .text-wp-favorite,
.card-wp-darkgrey .card-header-wp-favorite,
.card-wp-darkgrey .card-title-wp-favorite,
.card-wp-darkgrey .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-darkgrey .text-wp-darkgrey,
.card-wp-darkgrey .card-header-wp-darkgrey,
.card-wp-darkgrey .card-title-wp-darkgrey,
.card-wp-darkgrey .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-darkgrey .text-wp-emerald,
.card-wp-darkgrey .card-header-wp-emerald,
.card-wp-darkgrey .card-title-wp-emerald,
.card-wp-darkgrey .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-darkgrey .text-wp-concrete,
.card-wp-darkgrey .card-header-wp-concrete,
.card-wp-darkgrey .card-title-wp-concrete,
.card-wp-darkgrey .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-darkgrey .text-wp-yellow,
.card-wp-darkgrey .card-header-wp-yellow,
.card-wp-darkgrey .card-title-wp-yellow,
.card-wp-darkgrey .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-darkgrey .text-wp-black,
.card-wp-darkgrey .card-header-wp-black,
.card-wp-darkgrey .card-title-wp-black,
.card-wp-darkgrey .card-content-wp-black {
  color: #000000;
}

.card-wp-darkgrey .text-wp-grey,
.card-wp-darkgrey .card-header-wp-grey,
.card-wp-darkgrey .card-title-wp-grey,
.card-wp-darkgrey .card-content-wp-grey {
  color: #808080;
}

.card-wp-darkgrey .text-wp-red,
.card-wp-darkgrey .card-header-wp-red,
.card-wp-darkgrey .card-title-wp-red,
.card-wp-darkgrey .card-content-wp-red {
  color: #ed4956;
}

.card-wp-darkgrey .text-wp-notif,
.card-wp-darkgrey .card-header-wp-notif,
.card-wp-darkgrey .card-title-wp-notif,
.card-wp-darkgrey .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-darkgrey .text-wp-new-badge,
.card-wp-darkgrey .card-header-wp-new-badge,
.card-wp-darkgrey .card-title-wp-new-badge,
.card-wp-darkgrey .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-darkgrey .text-wp-accent,
.card-wp-darkgrey .card-header-wp-accent,
.card-wp-darkgrey .card-title-wp-accent,
.card-wp-darkgrey .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-darkgrey .text-wp-skeleton,
.card-wp-darkgrey .card-header-wp-skeleton,
.card-wp-darkgrey .card-title-wp-skeleton,
.card-wp-darkgrey .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-darkgrey .text-wp-outline,
.card-wp-darkgrey .card-header-wp-outline,
.card-wp-darkgrey .card-title-wp-outline,
.card-wp-darkgrey .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-darkgrey .text-wp-secondary-text,
.card-wp-darkgrey .card-header-wp-secondary-text,
.card-wp-darkgrey .card-title-wp-secondary-text,
.card-wp-darkgrey .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-darkgrey .text-wp-text,
.card-wp-darkgrey .card-header-wp-text,
.card-wp-darkgrey .card-title-wp-text,
.card-wp-darkgrey .card-content-wp-text {
  color: #192528;
}

.card-wp-darkgrey .text-wp-label,
.card-wp-darkgrey .card-header-wp-label,
.card-wp-darkgrey .card-title-wp-label,
.card-wp-darkgrey .card-content-wp-label {
  color: #333333;
}

.card-wp-darkgrey .text-wp-hover,
.card-wp-darkgrey .card-header-wp-hover,
.card-wp-darkgrey .card-title-wp-hover,
.card-wp-darkgrey .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-darkgrey .text-wp-hover-dark,
.card-wp-darkgrey .card-header-wp-hover-dark,
.card-wp-darkgrey .card-title-wp-hover-dark,
.card-wp-darkgrey .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-darkgrey .text-wp-bgcard,
.card-wp-darkgrey .card-header-wp-bgcard,
.card-wp-darkgrey .card-title-wp-bgcard,
.card-wp-darkgrey .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-darkgrey .text-wp-bgcard2,
.card-wp-darkgrey .card-header-wp-bgcard2,
.card-wp-darkgrey .card-title-wp-bgcard2,
.card-wp-darkgrey .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-darkgrey .text-wp-bglabel,
.card-wp-darkgrey .card-header-wp-bglabel,
.card-wp-darkgrey .card-title-wp-bglabel,
.card-wp-darkgrey .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-darkgrey .text-wp-primary-light,
.card-wp-darkgrey .card-header-wp-primary-light,
.card-wp-darkgrey .card-title-wp-primary-light,
.card-wp-darkgrey .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-darkgrey .text-wp-bgicon,
.card-wp-darkgrey .card-header-wp-bgicon,
.card-wp-darkgrey .card-title-wp-bgicon,
.card-wp-darkgrey .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-darkgrey .text-wp-primary-text,
.card-wp-darkgrey .card-header-wp-primary-text,
.card-wp-darkgrey .card-title-wp-primary-text,
.card-wp-darkgrey .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-darkgrey .text-wp-white,
.card-wp-darkgrey .card-header-wp-white,
.card-wp-darkgrey .card-title-wp-white,
.card-wp-darkgrey .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-darkgrey .text-wp-success,
.card-wp-darkgrey .card-header-wp-success,
.card-wp-darkgrey .card-title-wp-success,
.card-wp-darkgrey .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-darkgrey .text-wp-info,
.card-wp-darkgrey .card-header-wp-info,
.card-wp-darkgrey .card-title-wp-info,
.card-wp-darkgrey .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-darkgrey .text-wp-warning,
.card-wp-darkgrey .card-header-wp-warning,
.card-wp-darkgrey .card-title-wp-warning,
.card-wp-darkgrey .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-darkgrey .text-wp-danger,
.card-wp-darkgrey .card-header-wp-danger,
.card-wp-darkgrey .card-title-wp-danger,
.card-wp-darkgrey .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-darkgrey .text-wp-tam,
.card-wp-darkgrey .card-header-wp-tam,
.card-wp-darkgrey .card-title-wp-tam,
.card-wp-darkgrey .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-darkgrey,
.card-title-wp-darkgrey,
.card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp .text-wp-emerald {
  color: #3498db;
}

.card-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.card-wp-emerald .card-header-wp,
.card-wp-emerald .card-title-wp,
.card-wp-emerald .card-content-wp,
.card-wp-emerald h1,
.card-wp-emerald h2,
.card-wp-emerald h3,
.card-wp-emerald h4,
.card-wp-emerald h5,
.card-wp-emerald h6,
.card-wp-emerald p {
  color: #fff;
}

.card-wp-emerald .text-wp-primary,
.card-wp-emerald .card-header-wp-primary,
.card-wp-emerald .card-title-wp-primary,
.card-wp-emerald .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-emerald .text-wp-secondary,
.card-wp-emerald .card-header-wp-secondary,
.card-wp-emerald .card-title-wp-secondary,
.card-wp-emerald .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-emerald .text-wp-danger-low,
.card-wp-emerald .card-header-wp-danger-low,
.card-wp-emerald .card-title-wp-danger-low,
.card-wp-emerald .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-emerald .text-wp-light,
.card-wp-emerald .card-header-wp-light,
.card-wp-emerald .card-title-wp-light,
.card-wp-emerald .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-emerald .text-wp-dark,
.card-wp-emerald .card-header-wp-dark,
.card-wp-emerald .card-title-wp-dark,
.card-wp-emerald .card-content-wp-dark {
  color: #222;
}

.card-wp-emerald .text-wp-favorite,
.card-wp-emerald .card-header-wp-favorite,
.card-wp-emerald .card-title-wp-favorite,
.card-wp-emerald .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-emerald .text-wp-darkgrey,
.card-wp-emerald .card-header-wp-darkgrey,
.card-wp-emerald .card-title-wp-darkgrey,
.card-wp-emerald .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-emerald .text-wp-emerald,
.card-wp-emerald .card-header-wp-emerald,
.card-wp-emerald .card-title-wp-emerald,
.card-wp-emerald .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-emerald .text-wp-concrete,
.card-wp-emerald .card-header-wp-concrete,
.card-wp-emerald .card-title-wp-concrete,
.card-wp-emerald .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-emerald .text-wp-yellow,
.card-wp-emerald .card-header-wp-yellow,
.card-wp-emerald .card-title-wp-yellow,
.card-wp-emerald .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-emerald .text-wp-black,
.card-wp-emerald .card-header-wp-black,
.card-wp-emerald .card-title-wp-black,
.card-wp-emerald .card-content-wp-black {
  color: #000000;
}

.card-wp-emerald .text-wp-grey,
.card-wp-emerald .card-header-wp-grey,
.card-wp-emerald .card-title-wp-grey,
.card-wp-emerald .card-content-wp-grey {
  color: #808080;
}

.card-wp-emerald .text-wp-red,
.card-wp-emerald .card-header-wp-red,
.card-wp-emerald .card-title-wp-red,
.card-wp-emerald .card-content-wp-red {
  color: #ed4956;
}

.card-wp-emerald .text-wp-notif,
.card-wp-emerald .card-header-wp-notif,
.card-wp-emerald .card-title-wp-notif,
.card-wp-emerald .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-emerald .text-wp-new-badge,
.card-wp-emerald .card-header-wp-new-badge,
.card-wp-emerald .card-title-wp-new-badge,
.card-wp-emerald .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-emerald .text-wp-accent,
.card-wp-emerald .card-header-wp-accent,
.card-wp-emerald .card-title-wp-accent,
.card-wp-emerald .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-emerald .text-wp-skeleton,
.card-wp-emerald .card-header-wp-skeleton,
.card-wp-emerald .card-title-wp-skeleton,
.card-wp-emerald .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-emerald .text-wp-outline,
.card-wp-emerald .card-header-wp-outline,
.card-wp-emerald .card-title-wp-outline,
.card-wp-emerald .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-emerald .text-wp-secondary-text,
.card-wp-emerald .card-header-wp-secondary-text,
.card-wp-emerald .card-title-wp-secondary-text,
.card-wp-emerald .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-emerald .text-wp-text,
.card-wp-emerald .card-header-wp-text,
.card-wp-emerald .card-title-wp-text,
.card-wp-emerald .card-content-wp-text {
  color: #192528;
}

.card-wp-emerald .text-wp-label,
.card-wp-emerald .card-header-wp-label,
.card-wp-emerald .card-title-wp-label,
.card-wp-emerald .card-content-wp-label {
  color: #333333;
}

.card-wp-emerald .text-wp-hover,
.card-wp-emerald .card-header-wp-hover,
.card-wp-emerald .card-title-wp-hover,
.card-wp-emerald .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-emerald .text-wp-hover-dark,
.card-wp-emerald .card-header-wp-hover-dark,
.card-wp-emerald .card-title-wp-hover-dark,
.card-wp-emerald .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-emerald .text-wp-bgcard,
.card-wp-emerald .card-header-wp-bgcard,
.card-wp-emerald .card-title-wp-bgcard,
.card-wp-emerald .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-emerald .text-wp-bgcard2,
.card-wp-emerald .card-header-wp-bgcard2,
.card-wp-emerald .card-title-wp-bgcard2,
.card-wp-emerald .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-emerald .text-wp-bglabel,
.card-wp-emerald .card-header-wp-bglabel,
.card-wp-emerald .card-title-wp-bglabel,
.card-wp-emerald .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-emerald .text-wp-primary-light,
.card-wp-emerald .card-header-wp-primary-light,
.card-wp-emerald .card-title-wp-primary-light,
.card-wp-emerald .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-emerald .text-wp-bgicon,
.card-wp-emerald .card-header-wp-bgicon,
.card-wp-emerald .card-title-wp-bgicon,
.card-wp-emerald .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-emerald .text-wp-primary-text,
.card-wp-emerald .card-header-wp-primary-text,
.card-wp-emerald .card-title-wp-primary-text,
.card-wp-emerald .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-emerald .text-wp-white,
.card-wp-emerald .card-header-wp-white,
.card-wp-emerald .card-title-wp-white,
.card-wp-emerald .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-emerald .text-wp-success,
.card-wp-emerald .card-header-wp-success,
.card-wp-emerald .card-title-wp-success,
.card-wp-emerald .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-emerald .text-wp-info,
.card-wp-emerald .card-header-wp-info,
.card-wp-emerald .card-title-wp-info,
.card-wp-emerald .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-emerald .text-wp-warning,
.card-wp-emerald .card-header-wp-warning,
.card-wp-emerald .card-title-wp-warning,
.card-wp-emerald .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-emerald .text-wp-danger,
.card-wp-emerald .card-header-wp-danger,
.card-wp-emerald .card-title-wp-danger,
.card-wp-emerald .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-emerald .text-wp-tam,
.card-wp-emerald .card-header-wp-tam,
.card-wp-emerald .card-title-wp-tam,
.card-wp-emerald .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-emerald,
.card-title-wp-emerald,
.card-content-wp-emerald {
  color: #3498db;
}

.card-wp .text-wp-concrete {
  color: #bdc3c7;
}

.card-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.card-wp-concrete .card-header-wp,
.card-wp-concrete .card-title-wp,
.card-wp-concrete .card-content-wp,
.card-wp-concrete h1,
.card-wp-concrete h2,
.card-wp-concrete h3,
.card-wp-concrete h4,
.card-wp-concrete h5,
.card-wp-concrete h6,
.card-wp-concrete p {
  color: #fff;
}

.card-wp-concrete .text-wp-primary,
.card-wp-concrete .card-header-wp-primary,
.card-wp-concrete .card-title-wp-primary,
.card-wp-concrete .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-concrete .text-wp-secondary,
.card-wp-concrete .card-header-wp-secondary,
.card-wp-concrete .card-title-wp-secondary,
.card-wp-concrete .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-concrete .text-wp-danger-low,
.card-wp-concrete .card-header-wp-danger-low,
.card-wp-concrete .card-title-wp-danger-low,
.card-wp-concrete .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-concrete .text-wp-light,
.card-wp-concrete .card-header-wp-light,
.card-wp-concrete .card-title-wp-light,
.card-wp-concrete .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-concrete .text-wp-dark,
.card-wp-concrete .card-header-wp-dark,
.card-wp-concrete .card-title-wp-dark,
.card-wp-concrete .card-content-wp-dark {
  color: #222;
}

.card-wp-concrete .text-wp-favorite,
.card-wp-concrete .card-header-wp-favorite,
.card-wp-concrete .card-title-wp-favorite,
.card-wp-concrete .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-concrete .text-wp-darkgrey,
.card-wp-concrete .card-header-wp-darkgrey,
.card-wp-concrete .card-title-wp-darkgrey,
.card-wp-concrete .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-concrete .text-wp-emerald,
.card-wp-concrete .card-header-wp-emerald,
.card-wp-concrete .card-title-wp-emerald,
.card-wp-concrete .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-concrete .text-wp-concrete,
.card-wp-concrete .card-header-wp-concrete,
.card-wp-concrete .card-title-wp-concrete,
.card-wp-concrete .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-concrete .text-wp-yellow,
.card-wp-concrete .card-header-wp-yellow,
.card-wp-concrete .card-title-wp-yellow,
.card-wp-concrete .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-concrete .text-wp-black,
.card-wp-concrete .card-header-wp-black,
.card-wp-concrete .card-title-wp-black,
.card-wp-concrete .card-content-wp-black {
  color: #000000;
}

.card-wp-concrete .text-wp-grey,
.card-wp-concrete .card-header-wp-grey,
.card-wp-concrete .card-title-wp-grey,
.card-wp-concrete .card-content-wp-grey {
  color: #808080;
}

.card-wp-concrete .text-wp-red,
.card-wp-concrete .card-header-wp-red,
.card-wp-concrete .card-title-wp-red,
.card-wp-concrete .card-content-wp-red {
  color: #ed4956;
}

.card-wp-concrete .text-wp-notif,
.card-wp-concrete .card-header-wp-notif,
.card-wp-concrete .card-title-wp-notif,
.card-wp-concrete .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-concrete .text-wp-new-badge,
.card-wp-concrete .card-header-wp-new-badge,
.card-wp-concrete .card-title-wp-new-badge,
.card-wp-concrete .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-concrete .text-wp-accent,
.card-wp-concrete .card-header-wp-accent,
.card-wp-concrete .card-title-wp-accent,
.card-wp-concrete .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-concrete .text-wp-skeleton,
.card-wp-concrete .card-header-wp-skeleton,
.card-wp-concrete .card-title-wp-skeleton,
.card-wp-concrete .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-concrete .text-wp-outline,
.card-wp-concrete .card-header-wp-outline,
.card-wp-concrete .card-title-wp-outline,
.card-wp-concrete .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-concrete .text-wp-secondary-text,
.card-wp-concrete .card-header-wp-secondary-text,
.card-wp-concrete .card-title-wp-secondary-text,
.card-wp-concrete .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-concrete .text-wp-text,
.card-wp-concrete .card-header-wp-text,
.card-wp-concrete .card-title-wp-text,
.card-wp-concrete .card-content-wp-text {
  color: #192528;
}

.card-wp-concrete .text-wp-label,
.card-wp-concrete .card-header-wp-label,
.card-wp-concrete .card-title-wp-label,
.card-wp-concrete .card-content-wp-label {
  color: #333333;
}

.card-wp-concrete .text-wp-hover,
.card-wp-concrete .card-header-wp-hover,
.card-wp-concrete .card-title-wp-hover,
.card-wp-concrete .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-concrete .text-wp-hover-dark,
.card-wp-concrete .card-header-wp-hover-dark,
.card-wp-concrete .card-title-wp-hover-dark,
.card-wp-concrete .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-concrete .text-wp-bgcard,
.card-wp-concrete .card-header-wp-bgcard,
.card-wp-concrete .card-title-wp-bgcard,
.card-wp-concrete .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-concrete .text-wp-bgcard2,
.card-wp-concrete .card-header-wp-bgcard2,
.card-wp-concrete .card-title-wp-bgcard2,
.card-wp-concrete .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-concrete .text-wp-bglabel,
.card-wp-concrete .card-header-wp-bglabel,
.card-wp-concrete .card-title-wp-bglabel,
.card-wp-concrete .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-concrete .text-wp-primary-light,
.card-wp-concrete .card-header-wp-primary-light,
.card-wp-concrete .card-title-wp-primary-light,
.card-wp-concrete .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-concrete .text-wp-bgicon,
.card-wp-concrete .card-header-wp-bgicon,
.card-wp-concrete .card-title-wp-bgicon,
.card-wp-concrete .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-concrete .text-wp-primary-text,
.card-wp-concrete .card-header-wp-primary-text,
.card-wp-concrete .card-title-wp-primary-text,
.card-wp-concrete .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-concrete .text-wp-white,
.card-wp-concrete .card-header-wp-white,
.card-wp-concrete .card-title-wp-white,
.card-wp-concrete .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-concrete .text-wp-success,
.card-wp-concrete .card-header-wp-success,
.card-wp-concrete .card-title-wp-success,
.card-wp-concrete .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-concrete .text-wp-info,
.card-wp-concrete .card-header-wp-info,
.card-wp-concrete .card-title-wp-info,
.card-wp-concrete .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-concrete .text-wp-warning,
.card-wp-concrete .card-header-wp-warning,
.card-wp-concrete .card-title-wp-warning,
.card-wp-concrete .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-concrete .text-wp-danger,
.card-wp-concrete .card-header-wp-danger,
.card-wp-concrete .card-title-wp-danger,
.card-wp-concrete .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-concrete .text-wp-tam,
.card-wp-concrete .card-header-wp-tam,
.card-wp-concrete .card-title-wp-tam,
.card-wp-concrete .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-concrete,
.card-title-wp-concrete,
.card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp .text-wp-yellow {
  color: #ffff00;
}

.card-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.card-wp-yellow .card-header-wp,
.card-wp-yellow .card-title-wp,
.card-wp-yellow .card-content-wp,
.card-wp-yellow h1,
.card-wp-yellow h2,
.card-wp-yellow h3,
.card-wp-yellow h4,
.card-wp-yellow h5,
.card-wp-yellow h6,
.card-wp-yellow p {
  color: #000;
}

.card-wp-yellow .text-wp-primary,
.card-wp-yellow .card-header-wp-primary,
.card-wp-yellow .card-title-wp-primary,
.card-wp-yellow .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-yellow .text-wp-secondary,
.card-wp-yellow .card-header-wp-secondary,
.card-wp-yellow .card-title-wp-secondary,
.card-wp-yellow .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-yellow .text-wp-danger-low,
.card-wp-yellow .card-header-wp-danger-low,
.card-wp-yellow .card-title-wp-danger-low,
.card-wp-yellow .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-yellow .text-wp-light,
.card-wp-yellow .card-header-wp-light,
.card-wp-yellow .card-title-wp-light,
.card-wp-yellow .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-yellow .text-wp-dark,
.card-wp-yellow .card-header-wp-dark,
.card-wp-yellow .card-title-wp-dark,
.card-wp-yellow .card-content-wp-dark {
  color: #222;
}

.card-wp-yellow .text-wp-favorite,
.card-wp-yellow .card-header-wp-favorite,
.card-wp-yellow .card-title-wp-favorite,
.card-wp-yellow .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-yellow .text-wp-darkgrey,
.card-wp-yellow .card-header-wp-darkgrey,
.card-wp-yellow .card-title-wp-darkgrey,
.card-wp-yellow .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-yellow .text-wp-emerald,
.card-wp-yellow .card-header-wp-emerald,
.card-wp-yellow .card-title-wp-emerald,
.card-wp-yellow .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-yellow .text-wp-concrete,
.card-wp-yellow .card-header-wp-concrete,
.card-wp-yellow .card-title-wp-concrete,
.card-wp-yellow .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-yellow .text-wp-yellow,
.card-wp-yellow .card-header-wp-yellow,
.card-wp-yellow .card-title-wp-yellow,
.card-wp-yellow .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-yellow .text-wp-black,
.card-wp-yellow .card-header-wp-black,
.card-wp-yellow .card-title-wp-black,
.card-wp-yellow .card-content-wp-black {
  color: #000000;
}

.card-wp-yellow .text-wp-grey,
.card-wp-yellow .card-header-wp-grey,
.card-wp-yellow .card-title-wp-grey,
.card-wp-yellow .card-content-wp-grey {
  color: #808080;
}

.card-wp-yellow .text-wp-red,
.card-wp-yellow .card-header-wp-red,
.card-wp-yellow .card-title-wp-red,
.card-wp-yellow .card-content-wp-red {
  color: #ed4956;
}

.card-wp-yellow .text-wp-notif,
.card-wp-yellow .card-header-wp-notif,
.card-wp-yellow .card-title-wp-notif,
.card-wp-yellow .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-yellow .text-wp-new-badge,
.card-wp-yellow .card-header-wp-new-badge,
.card-wp-yellow .card-title-wp-new-badge,
.card-wp-yellow .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-yellow .text-wp-accent,
.card-wp-yellow .card-header-wp-accent,
.card-wp-yellow .card-title-wp-accent,
.card-wp-yellow .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-yellow .text-wp-skeleton,
.card-wp-yellow .card-header-wp-skeleton,
.card-wp-yellow .card-title-wp-skeleton,
.card-wp-yellow .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-yellow .text-wp-outline,
.card-wp-yellow .card-header-wp-outline,
.card-wp-yellow .card-title-wp-outline,
.card-wp-yellow .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-yellow .text-wp-secondary-text,
.card-wp-yellow .card-header-wp-secondary-text,
.card-wp-yellow .card-title-wp-secondary-text,
.card-wp-yellow .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-yellow .text-wp-text,
.card-wp-yellow .card-header-wp-text,
.card-wp-yellow .card-title-wp-text,
.card-wp-yellow .card-content-wp-text {
  color: #192528;
}

.card-wp-yellow .text-wp-label,
.card-wp-yellow .card-header-wp-label,
.card-wp-yellow .card-title-wp-label,
.card-wp-yellow .card-content-wp-label {
  color: #333333;
}

.card-wp-yellow .text-wp-hover,
.card-wp-yellow .card-header-wp-hover,
.card-wp-yellow .card-title-wp-hover,
.card-wp-yellow .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-yellow .text-wp-hover-dark,
.card-wp-yellow .card-header-wp-hover-dark,
.card-wp-yellow .card-title-wp-hover-dark,
.card-wp-yellow .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-yellow .text-wp-bgcard,
.card-wp-yellow .card-header-wp-bgcard,
.card-wp-yellow .card-title-wp-bgcard,
.card-wp-yellow .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-yellow .text-wp-bgcard2,
.card-wp-yellow .card-header-wp-bgcard2,
.card-wp-yellow .card-title-wp-bgcard2,
.card-wp-yellow .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-yellow .text-wp-bglabel,
.card-wp-yellow .card-header-wp-bglabel,
.card-wp-yellow .card-title-wp-bglabel,
.card-wp-yellow .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-yellow .text-wp-primary-light,
.card-wp-yellow .card-header-wp-primary-light,
.card-wp-yellow .card-title-wp-primary-light,
.card-wp-yellow .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-yellow .text-wp-bgicon,
.card-wp-yellow .card-header-wp-bgicon,
.card-wp-yellow .card-title-wp-bgicon,
.card-wp-yellow .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-yellow .text-wp-primary-text,
.card-wp-yellow .card-header-wp-primary-text,
.card-wp-yellow .card-title-wp-primary-text,
.card-wp-yellow .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-yellow .text-wp-white,
.card-wp-yellow .card-header-wp-white,
.card-wp-yellow .card-title-wp-white,
.card-wp-yellow .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-yellow .text-wp-success,
.card-wp-yellow .card-header-wp-success,
.card-wp-yellow .card-title-wp-success,
.card-wp-yellow .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-yellow .text-wp-info,
.card-wp-yellow .card-header-wp-info,
.card-wp-yellow .card-title-wp-info,
.card-wp-yellow .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-yellow .text-wp-warning,
.card-wp-yellow .card-header-wp-warning,
.card-wp-yellow .card-title-wp-warning,
.card-wp-yellow .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-yellow .text-wp-danger,
.card-wp-yellow .card-header-wp-danger,
.card-wp-yellow .card-title-wp-danger,
.card-wp-yellow .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-yellow .text-wp-tam,
.card-wp-yellow .card-header-wp-tam,
.card-wp-yellow .card-title-wp-tam,
.card-wp-yellow .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-yellow,
.card-title-wp-yellow,
.card-content-wp-yellow {
  color: #ffff00;
}

.card-wp .text-wp-black {
  color: #000000;
}

.card-wp-black {
  color: #fff;
  background-color: #000000;
}

.card-wp-black .card-header-wp,
.card-wp-black .card-title-wp,
.card-wp-black .card-content-wp,
.card-wp-black h1,
.card-wp-black h2,
.card-wp-black h3,
.card-wp-black h4,
.card-wp-black h5,
.card-wp-black h6,
.card-wp-black p {
  color: #fff;
}

.card-wp-black .text-wp-primary,
.card-wp-black .card-header-wp-primary,
.card-wp-black .card-title-wp-primary,
.card-wp-black .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-black .text-wp-secondary,
.card-wp-black .card-header-wp-secondary,
.card-wp-black .card-title-wp-secondary,
.card-wp-black .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-black .text-wp-danger-low,
.card-wp-black .card-header-wp-danger-low,
.card-wp-black .card-title-wp-danger-low,
.card-wp-black .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-black .text-wp-light,
.card-wp-black .card-header-wp-light,
.card-wp-black .card-title-wp-light,
.card-wp-black .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-black .text-wp-dark,
.card-wp-black .card-header-wp-dark,
.card-wp-black .card-title-wp-dark,
.card-wp-black .card-content-wp-dark {
  color: #222;
}

.card-wp-black .text-wp-favorite,
.card-wp-black .card-header-wp-favorite,
.card-wp-black .card-title-wp-favorite,
.card-wp-black .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-black .text-wp-darkgrey,
.card-wp-black .card-header-wp-darkgrey,
.card-wp-black .card-title-wp-darkgrey,
.card-wp-black .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-black .text-wp-emerald,
.card-wp-black .card-header-wp-emerald,
.card-wp-black .card-title-wp-emerald,
.card-wp-black .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-black .text-wp-concrete,
.card-wp-black .card-header-wp-concrete,
.card-wp-black .card-title-wp-concrete,
.card-wp-black .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-black .text-wp-yellow,
.card-wp-black .card-header-wp-yellow,
.card-wp-black .card-title-wp-yellow,
.card-wp-black .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-black .text-wp-black,
.card-wp-black .card-header-wp-black,
.card-wp-black .card-title-wp-black,
.card-wp-black .card-content-wp-black {
  color: #000000;
}

.card-wp-black .text-wp-grey,
.card-wp-black .card-header-wp-grey,
.card-wp-black .card-title-wp-grey,
.card-wp-black .card-content-wp-grey {
  color: #808080;
}

.card-wp-black .text-wp-red,
.card-wp-black .card-header-wp-red,
.card-wp-black .card-title-wp-red,
.card-wp-black .card-content-wp-red {
  color: #ed4956;
}

.card-wp-black .text-wp-notif,
.card-wp-black .card-header-wp-notif,
.card-wp-black .card-title-wp-notif,
.card-wp-black .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-black .text-wp-new-badge,
.card-wp-black .card-header-wp-new-badge,
.card-wp-black .card-title-wp-new-badge,
.card-wp-black .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-black .text-wp-accent,
.card-wp-black .card-header-wp-accent,
.card-wp-black .card-title-wp-accent,
.card-wp-black .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-black .text-wp-skeleton,
.card-wp-black .card-header-wp-skeleton,
.card-wp-black .card-title-wp-skeleton,
.card-wp-black .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-black .text-wp-outline,
.card-wp-black .card-header-wp-outline,
.card-wp-black .card-title-wp-outline,
.card-wp-black .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-black .text-wp-secondary-text,
.card-wp-black .card-header-wp-secondary-text,
.card-wp-black .card-title-wp-secondary-text,
.card-wp-black .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-black .text-wp-text,
.card-wp-black .card-header-wp-text,
.card-wp-black .card-title-wp-text,
.card-wp-black .card-content-wp-text {
  color: #192528;
}

.card-wp-black .text-wp-label,
.card-wp-black .card-header-wp-label,
.card-wp-black .card-title-wp-label,
.card-wp-black .card-content-wp-label {
  color: #333333;
}

.card-wp-black .text-wp-hover,
.card-wp-black .card-header-wp-hover,
.card-wp-black .card-title-wp-hover,
.card-wp-black .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-black .text-wp-hover-dark,
.card-wp-black .card-header-wp-hover-dark,
.card-wp-black .card-title-wp-hover-dark,
.card-wp-black .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-black .text-wp-bgcard,
.card-wp-black .card-header-wp-bgcard,
.card-wp-black .card-title-wp-bgcard,
.card-wp-black .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-black .text-wp-bgcard2,
.card-wp-black .card-header-wp-bgcard2,
.card-wp-black .card-title-wp-bgcard2,
.card-wp-black .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-black .text-wp-bglabel,
.card-wp-black .card-header-wp-bglabel,
.card-wp-black .card-title-wp-bglabel,
.card-wp-black .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-black .text-wp-primary-light,
.card-wp-black .card-header-wp-primary-light,
.card-wp-black .card-title-wp-primary-light,
.card-wp-black .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-black .text-wp-bgicon,
.card-wp-black .card-header-wp-bgicon,
.card-wp-black .card-title-wp-bgicon,
.card-wp-black .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-black .text-wp-primary-text,
.card-wp-black .card-header-wp-primary-text,
.card-wp-black .card-title-wp-primary-text,
.card-wp-black .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-black .text-wp-white,
.card-wp-black .card-header-wp-white,
.card-wp-black .card-title-wp-white,
.card-wp-black .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-black .text-wp-success,
.card-wp-black .card-header-wp-success,
.card-wp-black .card-title-wp-success,
.card-wp-black .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-black .text-wp-info,
.card-wp-black .card-header-wp-info,
.card-wp-black .card-title-wp-info,
.card-wp-black .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-black .text-wp-warning,
.card-wp-black .card-header-wp-warning,
.card-wp-black .card-title-wp-warning,
.card-wp-black .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-black .text-wp-danger,
.card-wp-black .card-header-wp-danger,
.card-wp-black .card-title-wp-danger,
.card-wp-black .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-black .text-wp-tam,
.card-wp-black .card-header-wp-tam,
.card-wp-black .card-title-wp-tam,
.card-wp-black .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-black,
.card-title-wp-black,
.card-content-wp-black {
  color: #000000;
}

.card-wp .text-wp-grey {
  color: #808080;
}

.card-wp-grey {
  color: #fff;
  background-color: #808080;
}

.card-wp-grey .card-header-wp,
.card-wp-grey .card-title-wp,
.card-wp-grey .card-content-wp,
.card-wp-grey h1,
.card-wp-grey h2,
.card-wp-grey h3,
.card-wp-grey h4,
.card-wp-grey h5,
.card-wp-grey h6,
.card-wp-grey p {
  color: #fff;
}

.card-wp-grey .text-wp-primary,
.card-wp-grey .card-header-wp-primary,
.card-wp-grey .card-title-wp-primary,
.card-wp-grey .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-grey .text-wp-secondary,
.card-wp-grey .card-header-wp-secondary,
.card-wp-grey .card-title-wp-secondary,
.card-wp-grey .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-grey .text-wp-danger-low,
.card-wp-grey .card-header-wp-danger-low,
.card-wp-grey .card-title-wp-danger-low,
.card-wp-grey .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-grey .text-wp-light,
.card-wp-grey .card-header-wp-light,
.card-wp-grey .card-title-wp-light,
.card-wp-grey .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-grey .text-wp-dark,
.card-wp-grey .card-header-wp-dark,
.card-wp-grey .card-title-wp-dark,
.card-wp-grey .card-content-wp-dark {
  color: #222;
}

.card-wp-grey .text-wp-favorite,
.card-wp-grey .card-header-wp-favorite,
.card-wp-grey .card-title-wp-favorite,
.card-wp-grey .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-grey .text-wp-darkgrey,
.card-wp-grey .card-header-wp-darkgrey,
.card-wp-grey .card-title-wp-darkgrey,
.card-wp-grey .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-grey .text-wp-emerald,
.card-wp-grey .card-header-wp-emerald,
.card-wp-grey .card-title-wp-emerald,
.card-wp-grey .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-grey .text-wp-concrete,
.card-wp-grey .card-header-wp-concrete,
.card-wp-grey .card-title-wp-concrete,
.card-wp-grey .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-grey .text-wp-yellow,
.card-wp-grey .card-header-wp-yellow,
.card-wp-grey .card-title-wp-yellow,
.card-wp-grey .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-grey .text-wp-black,
.card-wp-grey .card-header-wp-black,
.card-wp-grey .card-title-wp-black,
.card-wp-grey .card-content-wp-black {
  color: #000000;
}

.card-wp-grey .text-wp-grey,
.card-wp-grey .card-header-wp-grey,
.card-wp-grey .card-title-wp-grey,
.card-wp-grey .card-content-wp-grey {
  color: #808080;
}

.card-wp-grey .text-wp-red,
.card-wp-grey .card-header-wp-red,
.card-wp-grey .card-title-wp-red,
.card-wp-grey .card-content-wp-red {
  color: #ed4956;
}

.card-wp-grey .text-wp-notif,
.card-wp-grey .card-header-wp-notif,
.card-wp-grey .card-title-wp-notif,
.card-wp-grey .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-grey .text-wp-new-badge,
.card-wp-grey .card-header-wp-new-badge,
.card-wp-grey .card-title-wp-new-badge,
.card-wp-grey .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-grey .text-wp-accent,
.card-wp-grey .card-header-wp-accent,
.card-wp-grey .card-title-wp-accent,
.card-wp-grey .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-grey .text-wp-skeleton,
.card-wp-grey .card-header-wp-skeleton,
.card-wp-grey .card-title-wp-skeleton,
.card-wp-grey .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-grey .text-wp-outline,
.card-wp-grey .card-header-wp-outline,
.card-wp-grey .card-title-wp-outline,
.card-wp-grey .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-grey .text-wp-secondary-text,
.card-wp-grey .card-header-wp-secondary-text,
.card-wp-grey .card-title-wp-secondary-text,
.card-wp-grey .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-grey .text-wp-text,
.card-wp-grey .card-header-wp-text,
.card-wp-grey .card-title-wp-text,
.card-wp-grey .card-content-wp-text {
  color: #192528;
}

.card-wp-grey .text-wp-label,
.card-wp-grey .card-header-wp-label,
.card-wp-grey .card-title-wp-label,
.card-wp-grey .card-content-wp-label {
  color: #333333;
}

.card-wp-grey .text-wp-hover,
.card-wp-grey .card-header-wp-hover,
.card-wp-grey .card-title-wp-hover,
.card-wp-grey .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-grey .text-wp-hover-dark,
.card-wp-grey .card-header-wp-hover-dark,
.card-wp-grey .card-title-wp-hover-dark,
.card-wp-grey .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-grey .text-wp-bgcard,
.card-wp-grey .card-header-wp-bgcard,
.card-wp-grey .card-title-wp-bgcard,
.card-wp-grey .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-grey .text-wp-bgcard2,
.card-wp-grey .card-header-wp-bgcard2,
.card-wp-grey .card-title-wp-bgcard2,
.card-wp-grey .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-grey .text-wp-bglabel,
.card-wp-grey .card-header-wp-bglabel,
.card-wp-grey .card-title-wp-bglabel,
.card-wp-grey .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-grey .text-wp-primary-light,
.card-wp-grey .card-header-wp-primary-light,
.card-wp-grey .card-title-wp-primary-light,
.card-wp-grey .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-grey .text-wp-bgicon,
.card-wp-grey .card-header-wp-bgicon,
.card-wp-grey .card-title-wp-bgicon,
.card-wp-grey .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-grey .text-wp-primary-text,
.card-wp-grey .card-header-wp-primary-text,
.card-wp-grey .card-title-wp-primary-text,
.card-wp-grey .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-grey .text-wp-white,
.card-wp-grey .card-header-wp-white,
.card-wp-grey .card-title-wp-white,
.card-wp-grey .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-grey .text-wp-success,
.card-wp-grey .card-header-wp-success,
.card-wp-grey .card-title-wp-success,
.card-wp-grey .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-grey .text-wp-info,
.card-wp-grey .card-header-wp-info,
.card-wp-grey .card-title-wp-info,
.card-wp-grey .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-grey .text-wp-warning,
.card-wp-grey .card-header-wp-warning,
.card-wp-grey .card-title-wp-warning,
.card-wp-grey .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-grey .text-wp-danger,
.card-wp-grey .card-header-wp-danger,
.card-wp-grey .card-title-wp-danger,
.card-wp-grey .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-grey .text-wp-tam,
.card-wp-grey .card-header-wp-tam,
.card-wp-grey .card-title-wp-tam,
.card-wp-grey .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-grey,
.card-title-wp-grey,
.card-content-wp-grey {
  color: #808080;
}

.card-wp .text-wp-red {
  color: #ed4956;
}

.card-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.card-wp-red .card-header-wp,
.card-wp-red .card-title-wp,
.card-wp-red .card-content-wp,
.card-wp-red h1,
.card-wp-red h2,
.card-wp-red h3,
.card-wp-red h4,
.card-wp-red h5,
.card-wp-red h6,
.card-wp-red p {
  color: #fff;
}

.card-wp-red .text-wp-primary,
.card-wp-red .card-header-wp-primary,
.card-wp-red .card-title-wp-primary,
.card-wp-red .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-red .text-wp-secondary,
.card-wp-red .card-header-wp-secondary,
.card-wp-red .card-title-wp-secondary,
.card-wp-red .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-red .text-wp-danger-low,
.card-wp-red .card-header-wp-danger-low,
.card-wp-red .card-title-wp-danger-low,
.card-wp-red .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-red .text-wp-light,
.card-wp-red .card-header-wp-light,
.card-wp-red .card-title-wp-light,
.card-wp-red .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-red .text-wp-dark,
.card-wp-red .card-header-wp-dark,
.card-wp-red .card-title-wp-dark,
.card-wp-red .card-content-wp-dark {
  color: #222;
}

.card-wp-red .text-wp-favorite,
.card-wp-red .card-header-wp-favorite,
.card-wp-red .card-title-wp-favorite,
.card-wp-red .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-red .text-wp-darkgrey,
.card-wp-red .card-header-wp-darkgrey,
.card-wp-red .card-title-wp-darkgrey,
.card-wp-red .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-red .text-wp-emerald,
.card-wp-red .card-header-wp-emerald,
.card-wp-red .card-title-wp-emerald,
.card-wp-red .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-red .text-wp-concrete,
.card-wp-red .card-header-wp-concrete,
.card-wp-red .card-title-wp-concrete,
.card-wp-red .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-red .text-wp-yellow,
.card-wp-red .card-header-wp-yellow,
.card-wp-red .card-title-wp-yellow,
.card-wp-red .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-red .text-wp-black,
.card-wp-red .card-header-wp-black,
.card-wp-red .card-title-wp-black,
.card-wp-red .card-content-wp-black {
  color: #000000;
}

.card-wp-red .text-wp-grey,
.card-wp-red .card-header-wp-grey,
.card-wp-red .card-title-wp-grey,
.card-wp-red .card-content-wp-grey {
  color: #808080;
}

.card-wp-red .text-wp-red,
.card-wp-red .card-header-wp-red,
.card-wp-red .card-title-wp-red,
.card-wp-red .card-content-wp-red {
  color: #ed4956;
}

.card-wp-red .text-wp-notif,
.card-wp-red .card-header-wp-notif,
.card-wp-red .card-title-wp-notif,
.card-wp-red .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-red .text-wp-new-badge,
.card-wp-red .card-header-wp-new-badge,
.card-wp-red .card-title-wp-new-badge,
.card-wp-red .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-red .text-wp-accent,
.card-wp-red .card-header-wp-accent,
.card-wp-red .card-title-wp-accent,
.card-wp-red .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-red .text-wp-skeleton,
.card-wp-red .card-header-wp-skeleton,
.card-wp-red .card-title-wp-skeleton,
.card-wp-red .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-red .text-wp-outline,
.card-wp-red .card-header-wp-outline,
.card-wp-red .card-title-wp-outline,
.card-wp-red .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-red .text-wp-secondary-text,
.card-wp-red .card-header-wp-secondary-text,
.card-wp-red .card-title-wp-secondary-text,
.card-wp-red .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-red .text-wp-text,
.card-wp-red .card-header-wp-text,
.card-wp-red .card-title-wp-text,
.card-wp-red .card-content-wp-text {
  color: #192528;
}

.card-wp-red .text-wp-label,
.card-wp-red .card-header-wp-label,
.card-wp-red .card-title-wp-label,
.card-wp-red .card-content-wp-label {
  color: #333333;
}

.card-wp-red .text-wp-hover,
.card-wp-red .card-header-wp-hover,
.card-wp-red .card-title-wp-hover,
.card-wp-red .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-red .text-wp-hover-dark,
.card-wp-red .card-header-wp-hover-dark,
.card-wp-red .card-title-wp-hover-dark,
.card-wp-red .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-red .text-wp-bgcard,
.card-wp-red .card-header-wp-bgcard,
.card-wp-red .card-title-wp-bgcard,
.card-wp-red .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-red .text-wp-bgcard2,
.card-wp-red .card-header-wp-bgcard2,
.card-wp-red .card-title-wp-bgcard2,
.card-wp-red .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-red .text-wp-bglabel,
.card-wp-red .card-header-wp-bglabel,
.card-wp-red .card-title-wp-bglabel,
.card-wp-red .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-red .text-wp-primary-light,
.card-wp-red .card-header-wp-primary-light,
.card-wp-red .card-title-wp-primary-light,
.card-wp-red .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-red .text-wp-bgicon,
.card-wp-red .card-header-wp-bgicon,
.card-wp-red .card-title-wp-bgicon,
.card-wp-red .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-red .text-wp-primary-text,
.card-wp-red .card-header-wp-primary-text,
.card-wp-red .card-title-wp-primary-text,
.card-wp-red .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-red .text-wp-white,
.card-wp-red .card-header-wp-white,
.card-wp-red .card-title-wp-white,
.card-wp-red .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-red .text-wp-success,
.card-wp-red .card-header-wp-success,
.card-wp-red .card-title-wp-success,
.card-wp-red .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-red .text-wp-info,
.card-wp-red .card-header-wp-info,
.card-wp-red .card-title-wp-info,
.card-wp-red .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-red .text-wp-warning,
.card-wp-red .card-header-wp-warning,
.card-wp-red .card-title-wp-warning,
.card-wp-red .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-red .text-wp-danger,
.card-wp-red .card-header-wp-danger,
.card-wp-red .card-title-wp-danger,
.card-wp-red .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-red .text-wp-tam,
.card-wp-red .card-header-wp-tam,
.card-wp-red .card-title-wp-tam,
.card-wp-red .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-red,
.card-title-wp-red,
.card-content-wp-red {
  color: #ed4956;
}

.card-wp .text-wp-notif {
  color: #17DFC4;
}

.card-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.card-wp-notif .card-header-wp,
.card-wp-notif .card-title-wp,
.card-wp-notif .card-content-wp,
.card-wp-notif h1,
.card-wp-notif h2,
.card-wp-notif h3,
.card-wp-notif h4,
.card-wp-notif h5,
.card-wp-notif h6,
.card-wp-notif p {
  color: #fff;
}

.card-wp-notif .text-wp-primary,
.card-wp-notif .card-header-wp-primary,
.card-wp-notif .card-title-wp-primary,
.card-wp-notif .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-notif .text-wp-secondary,
.card-wp-notif .card-header-wp-secondary,
.card-wp-notif .card-title-wp-secondary,
.card-wp-notif .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-notif .text-wp-danger-low,
.card-wp-notif .card-header-wp-danger-low,
.card-wp-notif .card-title-wp-danger-low,
.card-wp-notif .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-notif .text-wp-light,
.card-wp-notif .card-header-wp-light,
.card-wp-notif .card-title-wp-light,
.card-wp-notif .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-notif .text-wp-dark,
.card-wp-notif .card-header-wp-dark,
.card-wp-notif .card-title-wp-dark,
.card-wp-notif .card-content-wp-dark {
  color: #222;
}

.card-wp-notif .text-wp-favorite,
.card-wp-notif .card-header-wp-favorite,
.card-wp-notif .card-title-wp-favorite,
.card-wp-notif .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-notif .text-wp-darkgrey,
.card-wp-notif .card-header-wp-darkgrey,
.card-wp-notif .card-title-wp-darkgrey,
.card-wp-notif .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-notif .text-wp-emerald,
.card-wp-notif .card-header-wp-emerald,
.card-wp-notif .card-title-wp-emerald,
.card-wp-notif .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-notif .text-wp-concrete,
.card-wp-notif .card-header-wp-concrete,
.card-wp-notif .card-title-wp-concrete,
.card-wp-notif .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-notif .text-wp-yellow,
.card-wp-notif .card-header-wp-yellow,
.card-wp-notif .card-title-wp-yellow,
.card-wp-notif .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-notif .text-wp-black,
.card-wp-notif .card-header-wp-black,
.card-wp-notif .card-title-wp-black,
.card-wp-notif .card-content-wp-black {
  color: #000000;
}

.card-wp-notif .text-wp-grey,
.card-wp-notif .card-header-wp-grey,
.card-wp-notif .card-title-wp-grey,
.card-wp-notif .card-content-wp-grey {
  color: #808080;
}

.card-wp-notif .text-wp-red,
.card-wp-notif .card-header-wp-red,
.card-wp-notif .card-title-wp-red,
.card-wp-notif .card-content-wp-red {
  color: #ed4956;
}

.card-wp-notif .text-wp-notif,
.card-wp-notif .card-header-wp-notif,
.card-wp-notif .card-title-wp-notif,
.card-wp-notif .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-notif .text-wp-new-badge,
.card-wp-notif .card-header-wp-new-badge,
.card-wp-notif .card-title-wp-new-badge,
.card-wp-notif .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-notif .text-wp-accent,
.card-wp-notif .card-header-wp-accent,
.card-wp-notif .card-title-wp-accent,
.card-wp-notif .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-notif .text-wp-skeleton,
.card-wp-notif .card-header-wp-skeleton,
.card-wp-notif .card-title-wp-skeleton,
.card-wp-notif .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-notif .text-wp-outline,
.card-wp-notif .card-header-wp-outline,
.card-wp-notif .card-title-wp-outline,
.card-wp-notif .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-notif .text-wp-secondary-text,
.card-wp-notif .card-header-wp-secondary-text,
.card-wp-notif .card-title-wp-secondary-text,
.card-wp-notif .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-notif .text-wp-text,
.card-wp-notif .card-header-wp-text,
.card-wp-notif .card-title-wp-text,
.card-wp-notif .card-content-wp-text {
  color: #192528;
}

.card-wp-notif .text-wp-label,
.card-wp-notif .card-header-wp-label,
.card-wp-notif .card-title-wp-label,
.card-wp-notif .card-content-wp-label {
  color: #333333;
}

.card-wp-notif .text-wp-hover,
.card-wp-notif .card-header-wp-hover,
.card-wp-notif .card-title-wp-hover,
.card-wp-notif .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-notif .text-wp-hover-dark,
.card-wp-notif .card-header-wp-hover-dark,
.card-wp-notif .card-title-wp-hover-dark,
.card-wp-notif .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-notif .text-wp-bgcard,
.card-wp-notif .card-header-wp-bgcard,
.card-wp-notif .card-title-wp-bgcard,
.card-wp-notif .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-notif .text-wp-bgcard2,
.card-wp-notif .card-header-wp-bgcard2,
.card-wp-notif .card-title-wp-bgcard2,
.card-wp-notif .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-notif .text-wp-bglabel,
.card-wp-notif .card-header-wp-bglabel,
.card-wp-notif .card-title-wp-bglabel,
.card-wp-notif .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-notif .text-wp-primary-light,
.card-wp-notif .card-header-wp-primary-light,
.card-wp-notif .card-title-wp-primary-light,
.card-wp-notif .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-notif .text-wp-bgicon,
.card-wp-notif .card-header-wp-bgicon,
.card-wp-notif .card-title-wp-bgicon,
.card-wp-notif .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-notif .text-wp-primary-text,
.card-wp-notif .card-header-wp-primary-text,
.card-wp-notif .card-title-wp-primary-text,
.card-wp-notif .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-notif .text-wp-white,
.card-wp-notif .card-header-wp-white,
.card-wp-notif .card-title-wp-white,
.card-wp-notif .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-notif .text-wp-success,
.card-wp-notif .card-header-wp-success,
.card-wp-notif .card-title-wp-success,
.card-wp-notif .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-notif .text-wp-info,
.card-wp-notif .card-header-wp-info,
.card-wp-notif .card-title-wp-info,
.card-wp-notif .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-notif .text-wp-warning,
.card-wp-notif .card-header-wp-warning,
.card-wp-notif .card-title-wp-warning,
.card-wp-notif .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-notif .text-wp-danger,
.card-wp-notif .card-header-wp-danger,
.card-wp-notif .card-title-wp-danger,
.card-wp-notif .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-notif .text-wp-tam,
.card-wp-notif .card-header-wp-tam,
.card-wp-notif .card-title-wp-tam,
.card-wp-notif .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-notif,
.card-title-wp-notif,
.card-content-wp-notif {
  color: #17DFC4;
}

.card-wp .text-wp-new-badge {
  color: #63BEFB;
}

.card-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.card-wp-new-badge .card-header-wp,
.card-wp-new-badge .card-title-wp,
.card-wp-new-badge .card-content-wp,
.card-wp-new-badge h1,
.card-wp-new-badge h2,
.card-wp-new-badge h3,
.card-wp-new-badge h4,
.card-wp-new-badge h5,
.card-wp-new-badge h6,
.card-wp-new-badge p {
  color: #fff;
}

.card-wp-new-badge .text-wp-primary,
.card-wp-new-badge .card-header-wp-primary,
.card-wp-new-badge .card-title-wp-primary,
.card-wp-new-badge .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-new-badge .text-wp-secondary,
.card-wp-new-badge .card-header-wp-secondary,
.card-wp-new-badge .card-title-wp-secondary,
.card-wp-new-badge .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-new-badge .text-wp-danger-low,
.card-wp-new-badge .card-header-wp-danger-low,
.card-wp-new-badge .card-title-wp-danger-low,
.card-wp-new-badge .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-new-badge .text-wp-light,
.card-wp-new-badge .card-header-wp-light,
.card-wp-new-badge .card-title-wp-light,
.card-wp-new-badge .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-new-badge .text-wp-dark,
.card-wp-new-badge .card-header-wp-dark,
.card-wp-new-badge .card-title-wp-dark,
.card-wp-new-badge .card-content-wp-dark {
  color: #222;
}

.card-wp-new-badge .text-wp-favorite,
.card-wp-new-badge .card-header-wp-favorite,
.card-wp-new-badge .card-title-wp-favorite,
.card-wp-new-badge .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-new-badge .text-wp-darkgrey,
.card-wp-new-badge .card-header-wp-darkgrey,
.card-wp-new-badge .card-title-wp-darkgrey,
.card-wp-new-badge .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-new-badge .text-wp-emerald,
.card-wp-new-badge .card-header-wp-emerald,
.card-wp-new-badge .card-title-wp-emerald,
.card-wp-new-badge .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-new-badge .text-wp-concrete,
.card-wp-new-badge .card-header-wp-concrete,
.card-wp-new-badge .card-title-wp-concrete,
.card-wp-new-badge .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-new-badge .text-wp-yellow,
.card-wp-new-badge .card-header-wp-yellow,
.card-wp-new-badge .card-title-wp-yellow,
.card-wp-new-badge .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-new-badge .text-wp-black,
.card-wp-new-badge .card-header-wp-black,
.card-wp-new-badge .card-title-wp-black,
.card-wp-new-badge .card-content-wp-black {
  color: #000000;
}

.card-wp-new-badge .text-wp-grey,
.card-wp-new-badge .card-header-wp-grey,
.card-wp-new-badge .card-title-wp-grey,
.card-wp-new-badge .card-content-wp-grey {
  color: #808080;
}

.card-wp-new-badge .text-wp-red,
.card-wp-new-badge .card-header-wp-red,
.card-wp-new-badge .card-title-wp-red,
.card-wp-new-badge .card-content-wp-red {
  color: #ed4956;
}

.card-wp-new-badge .text-wp-notif,
.card-wp-new-badge .card-header-wp-notif,
.card-wp-new-badge .card-title-wp-notif,
.card-wp-new-badge .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-new-badge .text-wp-new-badge,
.card-wp-new-badge .card-header-wp-new-badge,
.card-wp-new-badge .card-title-wp-new-badge,
.card-wp-new-badge .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-new-badge .text-wp-accent,
.card-wp-new-badge .card-header-wp-accent,
.card-wp-new-badge .card-title-wp-accent,
.card-wp-new-badge .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-new-badge .text-wp-skeleton,
.card-wp-new-badge .card-header-wp-skeleton,
.card-wp-new-badge .card-title-wp-skeleton,
.card-wp-new-badge .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-new-badge .text-wp-outline,
.card-wp-new-badge .card-header-wp-outline,
.card-wp-new-badge .card-title-wp-outline,
.card-wp-new-badge .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-new-badge .text-wp-secondary-text,
.card-wp-new-badge .card-header-wp-secondary-text,
.card-wp-new-badge .card-title-wp-secondary-text,
.card-wp-new-badge .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-new-badge .text-wp-text,
.card-wp-new-badge .card-header-wp-text,
.card-wp-new-badge .card-title-wp-text,
.card-wp-new-badge .card-content-wp-text {
  color: #192528;
}

.card-wp-new-badge .text-wp-label,
.card-wp-new-badge .card-header-wp-label,
.card-wp-new-badge .card-title-wp-label,
.card-wp-new-badge .card-content-wp-label {
  color: #333333;
}

.card-wp-new-badge .text-wp-hover,
.card-wp-new-badge .card-header-wp-hover,
.card-wp-new-badge .card-title-wp-hover,
.card-wp-new-badge .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-new-badge .text-wp-hover-dark,
.card-wp-new-badge .card-header-wp-hover-dark,
.card-wp-new-badge .card-title-wp-hover-dark,
.card-wp-new-badge .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-new-badge .text-wp-bgcard,
.card-wp-new-badge .card-header-wp-bgcard,
.card-wp-new-badge .card-title-wp-bgcard,
.card-wp-new-badge .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-new-badge .text-wp-bgcard2,
.card-wp-new-badge .card-header-wp-bgcard2,
.card-wp-new-badge .card-title-wp-bgcard2,
.card-wp-new-badge .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-new-badge .text-wp-bglabel,
.card-wp-new-badge .card-header-wp-bglabel,
.card-wp-new-badge .card-title-wp-bglabel,
.card-wp-new-badge .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-new-badge .text-wp-primary-light,
.card-wp-new-badge .card-header-wp-primary-light,
.card-wp-new-badge .card-title-wp-primary-light,
.card-wp-new-badge .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-new-badge .text-wp-bgicon,
.card-wp-new-badge .card-header-wp-bgicon,
.card-wp-new-badge .card-title-wp-bgicon,
.card-wp-new-badge .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-new-badge .text-wp-primary-text,
.card-wp-new-badge .card-header-wp-primary-text,
.card-wp-new-badge .card-title-wp-primary-text,
.card-wp-new-badge .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-new-badge .text-wp-white,
.card-wp-new-badge .card-header-wp-white,
.card-wp-new-badge .card-title-wp-white,
.card-wp-new-badge .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-new-badge .text-wp-success,
.card-wp-new-badge .card-header-wp-success,
.card-wp-new-badge .card-title-wp-success,
.card-wp-new-badge .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-new-badge .text-wp-info,
.card-wp-new-badge .card-header-wp-info,
.card-wp-new-badge .card-title-wp-info,
.card-wp-new-badge .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-new-badge .text-wp-warning,
.card-wp-new-badge .card-header-wp-warning,
.card-wp-new-badge .card-title-wp-warning,
.card-wp-new-badge .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-new-badge .text-wp-danger,
.card-wp-new-badge .card-header-wp-danger,
.card-wp-new-badge .card-title-wp-danger,
.card-wp-new-badge .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-new-badge .text-wp-tam,
.card-wp-new-badge .card-header-wp-tam,
.card-wp-new-badge .card-title-wp-tam,
.card-wp-new-badge .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-new-badge,
.card-title-wp-new-badge,
.card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp .text-wp-accent {
  color: #63BEFB;
}

.card-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.card-wp-accent .card-header-wp,
.card-wp-accent .card-title-wp,
.card-wp-accent .card-content-wp,
.card-wp-accent h1,
.card-wp-accent h2,
.card-wp-accent h3,
.card-wp-accent h4,
.card-wp-accent h5,
.card-wp-accent h6,
.card-wp-accent p {
  color: #fff;
}

.card-wp-accent .text-wp-primary,
.card-wp-accent .card-header-wp-primary,
.card-wp-accent .card-title-wp-primary,
.card-wp-accent .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-accent .text-wp-secondary,
.card-wp-accent .card-header-wp-secondary,
.card-wp-accent .card-title-wp-secondary,
.card-wp-accent .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-accent .text-wp-danger-low,
.card-wp-accent .card-header-wp-danger-low,
.card-wp-accent .card-title-wp-danger-low,
.card-wp-accent .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-accent .text-wp-light,
.card-wp-accent .card-header-wp-light,
.card-wp-accent .card-title-wp-light,
.card-wp-accent .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-accent .text-wp-dark,
.card-wp-accent .card-header-wp-dark,
.card-wp-accent .card-title-wp-dark,
.card-wp-accent .card-content-wp-dark {
  color: #222;
}

.card-wp-accent .text-wp-favorite,
.card-wp-accent .card-header-wp-favorite,
.card-wp-accent .card-title-wp-favorite,
.card-wp-accent .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-accent .text-wp-darkgrey,
.card-wp-accent .card-header-wp-darkgrey,
.card-wp-accent .card-title-wp-darkgrey,
.card-wp-accent .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-accent .text-wp-emerald,
.card-wp-accent .card-header-wp-emerald,
.card-wp-accent .card-title-wp-emerald,
.card-wp-accent .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-accent .text-wp-concrete,
.card-wp-accent .card-header-wp-concrete,
.card-wp-accent .card-title-wp-concrete,
.card-wp-accent .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-accent .text-wp-yellow,
.card-wp-accent .card-header-wp-yellow,
.card-wp-accent .card-title-wp-yellow,
.card-wp-accent .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-accent .text-wp-black,
.card-wp-accent .card-header-wp-black,
.card-wp-accent .card-title-wp-black,
.card-wp-accent .card-content-wp-black {
  color: #000000;
}

.card-wp-accent .text-wp-grey,
.card-wp-accent .card-header-wp-grey,
.card-wp-accent .card-title-wp-grey,
.card-wp-accent .card-content-wp-grey {
  color: #808080;
}

.card-wp-accent .text-wp-red,
.card-wp-accent .card-header-wp-red,
.card-wp-accent .card-title-wp-red,
.card-wp-accent .card-content-wp-red {
  color: #ed4956;
}

.card-wp-accent .text-wp-notif,
.card-wp-accent .card-header-wp-notif,
.card-wp-accent .card-title-wp-notif,
.card-wp-accent .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-accent .text-wp-new-badge,
.card-wp-accent .card-header-wp-new-badge,
.card-wp-accent .card-title-wp-new-badge,
.card-wp-accent .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-accent .text-wp-accent,
.card-wp-accent .card-header-wp-accent,
.card-wp-accent .card-title-wp-accent,
.card-wp-accent .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-accent .text-wp-skeleton,
.card-wp-accent .card-header-wp-skeleton,
.card-wp-accent .card-title-wp-skeleton,
.card-wp-accent .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-accent .text-wp-outline,
.card-wp-accent .card-header-wp-outline,
.card-wp-accent .card-title-wp-outline,
.card-wp-accent .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-accent .text-wp-secondary-text,
.card-wp-accent .card-header-wp-secondary-text,
.card-wp-accent .card-title-wp-secondary-text,
.card-wp-accent .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-accent .text-wp-text,
.card-wp-accent .card-header-wp-text,
.card-wp-accent .card-title-wp-text,
.card-wp-accent .card-content-wp-text {
  color: #192528;
}

.card-wp-accent .text-wp-label,
.card-wp-accent .card-header-wp-label,
.card-wp-accent .card-title-wp-label,
.card-wp-accent .card-content-wp-label {
  color: #333333;
}

.card-wp-accent .text-wp-hover,
.card-wp-accent .card-header-wp-hover,
.card-wp-accent .card-title-wp-hover,
.card-wp-accent .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-accent .text-wp-hover-dark,
.card-wp-accent .card-header-wp-hover-dark,
.card-wp-accent .card-title-wp-hover-dark,
.card-wp-accent .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-accent .text-wp-bgcard,
.card-wp-accent .card-header-wp-bgcard,
.card-wp-accent .card-title-wp-bgcard,
.card-wp-accent .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-accent .text-wp-bgcard2,
.card-wp-accent .card-header-wp-bgcard2,
.card-wp-accent .card-title-wp-bgcard2,
.card-wp-accent .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-accent .text-wp-bglabel,
.card-wp-accent .card-header-wp-bglabel,
.card-wp-accent .card-title-wp-bglabel,
.card-wp-accent .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-accent .text-wp-primary-light,
.card-wp-accent .card-header-wp-primary-light,
.card-wp-accent .card-title-wp-primary-light,
.card-wp-accent .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-accent .text-wp-bgicon,
.card-wp-accent .card-header-wp-bgicon,
.card-wp-accent .card-title-wp-bgicon,
.card-wp-accent .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-accent .text-wp-primary-text,
.card-wp-accent .card-header-wp-primary-text,
.card-wp-accent .card-title-wp-primary-text,
.card-wp-accent .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-accent .text-wp-white,
.card-wp-accent .card-header-wp-white,
.card-wp-accent .card-title-wp-white,
.card-wp-accent .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-accent .text-wp-success,
.card-wp-accent .card-header-wp-success,
.card-wp-accent .card-title-wp-success,
.card-wp-accent .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-accent .text-wp-info,
.card-wp-accent .card-header-wp-info,
.card-wp-accent .card-title-wp-info,
.card-wp-accent .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-accent .text-wp-warning,
.card-wp-accent .card-header-wp-warning,
.card-wp-accent .card-title-wp-warning,
.card-wp-accent .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-accent .text-wp-danger,
.card-wp-accent .card-header-wp-danger,
.card-wp-accent .card-title-wp-danger,
.card-wp-accent .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-accent .text-wp-tam,
.card-wp-accent .card-header-wp-tam,
.card-wp-accent .card-title-wp-tam,
.card-wp-accent .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-accent,
.card-title-wp-accent,
.card-content-wp-accent {
  color: #63BEFB;
}

.card-wp .text-wp-skeleton {
  color: #dddddd;
}

.card-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.card-wp-skeleton .card-header-wp,
.card-wp-skeleton .card-title-wp,
.card-wp-skeleton .card-content-wp,
.card-wp-skeleton h1,
.card-wp-skeleton h2,
.card-wp-skeleton h3,
.card-wp-skeleton h4,
.card-wp-skeleton h5,
.card-wp-skeleton h6,
.card-wp-skeleton p {
  color: #000;
}

.card-wp-skeleton .text-wp-primary,
.card-wp-skeleton .card-header-wp-primary,
.card-wp-skeleton .card-title-wp-primary,
.card-wp-skeleton .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-skeleton .text-wp-secondary,
.card-wp-skeleton .card-header-wp-secondary,
.card-wp-skeleton .card-title-wp-secondary,
.card-wp-skeleton .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-skeleton .text-wp-danger-low,
.card-wp-skeleton .card-header-wp-danger-low,
.card-wp-skeleton .card-title-wp-danger-low,
.card-wp-skeleton .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-skeleton .text-wp-light,
.card-wp-skeleton .card-header-wp-light,
.card-wp-skeleton .card-title-wp-light,
.card-wp-skeleton .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-skeleton .text-wp-dark,
.card-wp-skeleton .card-header-wp-dark,
.card-wp-skeleton .card-title-wp-dark,
.card-wp-skeleton .card-content-wp-dark {
  color: #222;
}

.card-wp-skeleton .text-wp-favorite,
.card-wp-skeleton .card-header-wp-favorite,
.card-wp-skeleton .card-title-wp-favorite,
.card-wp-skeleton .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-skeleton .text-wp-darkgrey,
.card-wp-skeleton .card-header-wp-darkgrey,
.card-wp-skeleton .card-title-wp-darkgrey,
.card-wp-skeleton .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-skeleton .text-wp-emerald,
.card-wp-skeleton .card-header-wp-emerald,
.card-wp-skeleton .card-title-wp-emerald,
.card-wp-skeleton .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-skeleton .text-wp-concrete,
.card-wp-skeleton .card-header-wp-concrete,
.card-wp-skeleton .card-title-wp-concrete,
.card-wp-skeleton .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-skeleton .text-wp-yellow,
.card-wp-skeleton .card-header-wp-yellow,
.card-wp-skeleton .card-title-wp-yellow,
.card-wp-skeleton .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-skeleton .text-wp-black,
.card-wp-skeleton .card-header-wp-black,
.card-wp-skeleton .card-title-wp-black,
.card-wp-skeleton .card-content-wp-black {
  color: #000000;
}

.card-wp-skeleton .text-wp-grey,
.card-wp-skeleton .card-header-wp-grey,
.card-wp-skeleton .card-title-wp-grey,
.card-wp-skeleton .card-content-wp-grey {
  color: #808080;
}

.card-wp-skeleton .text-wp-red,
.card-wp-skeleton .card-header-wp-red,
.card-wp-skeleton .card-title-wp-red,
.card-wp-skeleton .card-content-wp-red {
  color: #ed4956;
}

.card-wp-skeleton .text-wp-notif,
.card-wp-skeleton .card-header-wp-notif,
.card-wp-skeleton .card-title-wp-notif,
.card-wp-skeleton .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-skeleton .text-wp-new-badge,
.card-wp-skeleton .card-header-wp-new-badge,
.card-wp-skeleton .card-title-wp-new-badge,
.card-wp-skeleton .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-skeleton .text-wp-accent,
.card-wp-skeleton .card-header-wp-accent,
.card-wp-skeleton .card-title-wp-accent,
.card-wp-skeleton .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-skeleton .text-wp-skeleton,
.card-wp-skeleton .card-header-wp-skeleton,
.card-wp-skeleton .card-title-wp-skeleton,
.card-wp-skeleton .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-skeleton .text-wp-outline,
.card-wp-skeleton .card-header-wp-outline,
.card-wp-skeleton .card-title-wp-outline,
.card-wp-skeleton .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-skeleton .text-wp-secondary-text,
.card-wp-skeleton .card-header-wp-secondary-text,
.card-wp-skeleton .card-title-wp-secondary-text,
.card-wp-skeleton .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-skeleton .text-wp-text,
.card-wp-skeleton .card-header-wp-text,
.card-wp-skeleton .card-title-wp-text,
.card-wp-skeleton .card-content-wp-text {
  color: #192528;
}

.card-wp-skeleton .text-wp-label,
.card-wp-skeleton .card-header-wp-label,
.card-wp-skeleton .card-title-wp-label,
.card-wp-skeleton .card-content-wp-label {
  color: #333333;
}

.card-wp-skeleton .text-wp-hover,
.card-wp-skeleton .card-header-wp-hover,
.card-wp-skeleton .card-title-wp-hover,
.card-wp-skeleton .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-skeleton .text-wp-hover-dark,
.card-wp-skeleton .card-header-wp-hover-dark,
.card-wp-skeleton .card-title-wp-hover-dark,
.card-wp-skeleton .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-skeleton .text-wp-bgcard,
.card-wp-skeleton .card-header-wp-bgcard,
.card-wp-skeleton .card-title-wp-bgcard,
.card-wp-skeleton .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-skeleton .text-wp-bgcard2,
.card-wp-skeleton .card-header-wp-bgcard2,
.card-wp-skeleton .card-title-wp-bgcard2,
.card-wp-skeleton .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-skeleton .text-wp-bglabel,
.card-wp-skeleton .card-header-wp-bglabel,
.card-wp-skeleton .card-title-wp-bglabel,
.card-wp-skeleton .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-skeleton .text-wp-primary-light,
.card-wp-skeleton .card-header-wp-primary-light,
.card-wp-skeleton .card-title-wp-primary-light,
.card-wp-skeleton .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-skeleton .text-wp-bgicon,
.card-wp-skeleton .card-header-wp-bgicon,
.card-wp-skeleton .card-title-wp-bgicon,
.card-wp-skeleton .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-skeleton .text-wp-primary-text,
.card-wp-skeleton .card-header-wp-primary-text,
.card-wp-skeleton .card-title-wp-primary-text,
.card-wp-skeleton .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-skeleton .text-wp-white,
.card-wp-skeleton .card-header-wp-white,
.card-wp-skeleton .card-title-wp-white,
.card-wp-skeleton .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-skeleton .text-wp-success,
.card-wp-skeleton .card-header-wp-success,
.card-wp-skeleton .card-title-wp-success,
.card-wp-skeleton .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-skeleton .text-wp-info,
.card-wp-skeleton .card-header-wp-info,
.card-wp-skeleton .card-title-wp-info,
.card-wp-skeleton .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-skeleton .text-wp-warning,
.card-wp-skeleton .card-header-wp-warning,
.card-wp-skeleton .card-title-wp-warning,
.card-wp-skeleton .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-skeleton .text-wp-danger,
.card-wp-skeleton .card-header-wp-danger,
.card-wp-skeleton .card-title-wp-danger,
.card-wp-skeleton .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-skeleton .text-wp-tam,
.card-wp-skeleton .card-header-wp-tam,
.card-wp-skeleton .card-title-wp-tam,
.card-wp-skeleton .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-skeleton,
.card-title-wp-skeleton,
.card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp .text-wp-outline {
  color: #dbdbe1;
}

.card-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.card-wp-outline .card-header-wp,
.card-wp-outline .card-title-wp,
.card-wp-outline .card-content-wp,
.card-wp-outline h1,
.card-wp-outline h2,
.card-wp-outline h3,
.card-wp-outline h4,
.card-wp-outline h5,
.card-wp-outline h6,
.card-wp-outline p {
  color: #000;
}

.card-wp-outline .text-wp-primary,
.card-wp-outline .card-header-wp-primary,
.card-wp-outline .card-title-wp-primary,
.card-wp-outline .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-outline .text-wp-secondary,
.card-wp-outline .card-header-wp-secondary,
.card-wp-outline .card-title-wp-secondary,
.card-wp-outline .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-outline .text-wp-danger-low,
.card-wp-outline .card-header-wp-danger-low,
.card-wp-outline .card-title-wp-danger-low,
.card-wp-outline .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-outline .text-wp-light,
.card-wp-outline .card-header-wp-light,
.card-wp-outline .card-title-wp-light,
.card-wp-outline .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-outline .text-wp-dark,
.card-wp-outline .card-header-wp-dark,
.card-wp-outline .card-title-wp-dark,
.card-wp-outline .card-content-wp-dark {
  color: #222;
}

.card-wp-outline .text-wp-favorite,
.card-wp-outline .card-header-wp-favorite,
.card-wp-outline .card-title-wp-favorite,
.card-wp-outline .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-outline .text-wp-darkgrey,
.card-wp-outline .card-header-wp-darkgrey,
.card-wp-outline .card-title-wp-darkgrey,
.card-wp-outline .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-outline .text-wp-emerald,
.card-wp-outline .card-header-wp-emerald,
.card-wp-outline .card-title-wp-emerald,
.card-wp-outline .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-outline .text-wp-concrete,
.card-wp-outline .card-header-wp-concrete,
.card-wp-outline .card-title-wp-concrete,
.card-wp-outline .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-outline .text-wp-yellow,
.card-wp-outline .card-header-wp-yellow,
.card-wp-outline .card-title-wp-yellow,
.card-wp-outline .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-outline .text-wp-black,
.card-wp-outline .card-header-wp-black,
.card-wp-outline .card-title-wp-black,
.card-wp-outline .card-content-wp-black {
  color: #000000;
}

.card-wp-outline .text-wp-grey,
.card-wp-outline .card-header-wp-grey,
.card-wp-outline .card-title-wp-grey,
.card-wp-outline .card-content-wp-grey {
  color: #808080;
}

.card-wp-outline .text-wp-red,
.card-wp-outline .card-header-wp-red,
.card-wp-outline .card-title-wp-red,
.card-wp-outline .card-content-wp-red {
  color: #ed4956;
}

.card-wp-outline .text-wp-notif,
.card-wp-outline .card-header-wp-notif,
.card-wp-outline .card-title-wp-notif,
.card-wp-outline .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-outline .text-wp-new-badge,
.card-wp-outline .card-header-wp-new-badge,
.card-wp-outline .card-title-wp-new-badge,
.card-wp-outline .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-outline .text-wp-accent,
.card-wp-outline .card-header-wp-accent,
.card-wp-outline .card-title-wp-accent,
.card-wp-outline .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-outline .text-wp-skeleton,
.card-wp-outline .card-header-wp-skeleton,
.card-wp-outline .card-title-wp-skeleton,
.card-wp-outline .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-outline .text-wp-outline,
.card-wp-outline .card-header-wp-outline,
.card-wp-outline .card-title-wp-outline,
.card-wp-outline .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-outline .text-wp-secondary-text,
.card-wp-outline .card-header-wp-secondary-text,
.card-wp-outline .card-title-wp-secondary-text,
.card-wp-outline .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-outline .text-wp-text,
.card-wp-outline .card-header-wp-text,
.card-wp-outline .card-title-wp-text,
.card-wp-outline .card-content-wp-text {
  color: #192528;
}

.card-wp-outline .text-wp-label,
.card-wp-outline .card-header-wp-label,
.card-wp-outline .card-title-wp-label,
.card-wp-outline .card-content-wp-label {
  color: #333333;
}

.card-wp-outline .text-wp-hover,
.card-wp-outline .card-header-wp-hover,
.card-wp-outline .card-title-wp-hover,
.card-wp-outline .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-outline .text-wp-hover-dark,
.card-wp-outline .card-header-wp-hover-dark,
.card-wp-outline .card-title-wp-hover-dark,
.card-wp-outline .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-outline .text-wp-bgcard,
.card-wp-outline .card-header-wp-bgcard,
.card-wp-outline .card-title-wp-bgcard,
.card-wp-outline .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-outline .text-wp-bgcard2,
.card-wp-outline .card-header-wp-bgcard2,
.card-wp-outline .card-title-wp-bgcard2,
.card-wp-outline .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-outline .text-wp-bglabel,
.card-wp-outline .card-header-wp-bglabel,
.card-wp-outline .card-title-wp-bglabel,
.card-wp-outline .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-outline .text-wp-primary-light,
.card-wp-outline .card-header-wp-primary-light,
.card-wp-outline .card-title-wp-primary-light,
.card-wp-outline .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-outline .text-wp-bgicon,
.card-wp-outline .card-header-wp-bgicon,
.card-wp-outline .card-title-wp-bgicon,
.card-wp-outline .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-outline .text-wp-primary-text,
.card-wp-outline .card-header-wp-primary-text,
.card-wp-outline .card-title-wp-primary-text,
.card-wp-outline .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-outline .text-wp-white,
.card-wp-outline .card-header-wp-white,
.card-wp-outline .card-title-wp-white,
.card-wp-outline .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-outline .text-wp-success,
.card-wp-outline .card-header-wp-success,
.card-wp-outline .card-title-wp-success,
.card-wp-outline .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-outline .text-wp-info,
.card-wp-outline .card-header-wp-info,
.card-wp-outline .card-title-wp-info,
.card-wp-outline .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-outline .text-wp-warning,
.card-wp-outline .card-header-wp-warning,
.card-wp-outline .card-title-wp-warning,
.card-wp-outline .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-outline .text-wp-danger,
.card-wp-outline .card-header-wp-danger,
.card-wp-outline .card-title-wp-danger,
.card-wp-outline .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-outline .text-wp-tam,
.card-wp-outline .card-header-wp-tam,
.card-wp-outline .card-title-wp-tam,
.card-wp-outline .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-outline,
.card-title-wp-outline,
.card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp .text-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.card-wp-secondary-text .card-header-wp,
.card-wp-secondary-text .card-title-wp,
.card-wp-secondary-text .card-content-wp,
.card-wp-secondary-text h1,
.card-wp-secondary-text h2,
.card-wp-secondary-text h3,
.card-wp-secondary-text h4,
.card-wp-secondary-text h5,
.card-wp-secondary-text h6,
.card-wp-secondary-text p {
  color: #fff;
}

.card-wp-secondary-text .text-wp-primary,
.card-wp-secondary-text .card-header-wp-primary,
.card-wp-secondary-text .card-title-wp-primary,
.card-wp-secondary-text .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-secondary-text .text-wp-secondary,
.card-wp-secondary-text .card-header-wp-secondary,
.card-wp-secondary-text .card-title-wp-secondary,
.card-wp-secondary-text .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-secondary-text .text-wp-danger-low,
.card-wp-secondary-text .card-header-wp-danger-low,
.card-wp-secondary-text .card-title-wp-danger-low,
.card-wp-secondary-text .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-secondary-text .text-wp-light,
.card-wp-secondary-text .card-header-wp-light,
.card-wp-secondary-text .card-title-wp-light,
.card-wp-secondary-text .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-secondary-text .text-wp-dark,
.card-wp-secondary-text .card-header-wp-dark,
.card-wp-secondary-text .card-title-wp-dark,
.card-wp-secondary-text .card-content-wp-dark {
  color: #222;
}

.card-wp-secondary-text .text-wp-favorite,
.card-wp-secondary-text .card-header-wp-favorite,
.card-wp-secondary-text .card-title-wp-favorite,
.card-wp-secondary-text .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-secondary-text .text-wp-darkgrey,
.card-wp-secondary-text .card-header-wp-darkgrey,
.card-wp-secondary-text .card-title-wp-darkgrey,
.card-wp-secondary-text .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-secondary-text .text-wp-emerald,
.card-wp-secondary-text .card-header-wp-emerald,
.card-wp-secondary-text .card-title-wp-emerald,
.card-wp-secondary-text .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-secondary-text .text-wp-concrete,
.card-wp-secondary-text .card-header-wp-concrete,
.card-wp-secondary-text .card-title-wp-concrete,
.card-wp-secondary-text .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-secondary-text .text-wp-yellow,
.card-wp-secondary-text .card-header-wp-yellow,
.card-wp-secondary-text .card-title-wp-yellow,
.card-wp-secondary-text .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-secondary-text .text-wp-black,
.card-wp-secondary-text .card-header-wp-black,
.card-wp-secondary-text .card-title-wp-black,
.card-wp-secondary-text .card-content-wp-black {
  color: #000000;
}

.card-wp-secondary-text .text-wp-grey,
.card-wp-secondary-text .card-header-wp-grey,
.card-wp-secondary-text .card-title-wp-grey,
.card-wp-secondary-text .card-content-wp-grey {
  color: #808080;
}

.card-wp-secondary-text .text-wp-red,
.card-wp-secondary-text .card-header-wp-red,
.card-wp-secondary-text .card-title-wp-red,
.card-wp-secondary-text .card-content-wp-red {
  color: #ed4956;
}

.card-wp-secondary-text .text-wp-notif,
.card-wp-secondary-text .card-header-wp-notif,
.card-wp-secondary-text .card-title-wp-notif,
.card-wp-secondary-text .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-secondary-text .text-wp-new-badge,
.card-wp-secondary-text .card-header-wp-new-badge,
.card-wp-secondary-text .card-title-wp-new-badge,
.card-wp-secondary-text .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-secondary-text .text-wp-accent,
.card-wp-secondary-text .card-header-wp-accent,
.card-wp-secondary-text .card-title-wp-accent,
.card-wp-secondary-text .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-secondary-text .text-wp-skeleton,
.card-wp-secondary-text .card-header-wp-skeleton,
.card-wp-secondary-text .card-title-wp-skeleton,
.card-wp-secondary-text .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-secondary-text .text-wp-outline,
.card-wp-secondary-text .card-header-wp-outline,
.card-wp-secondary-text .card-title-wp-outline,
.card-wp-secondary-text .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-secondary-text .text-wp-secondary-text,
.card-wp-secondary-text .card-header-wp-secondary-text,
.card-wp-secondary-text .card-title-wp-secondary-text,
.card-wp-secondary-text .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-secondary-text .text-wp-text,
.card-wp-secondary-text .card-header-wp-text,
.card-wp-secondary-text .card-title-wp-text,
.card-wp-secondary-text .card-content-wp-text {
  color: #192528;
}

.card-wp-secondary-text .text-wp-label,
.card-wp-secondary-text .card-header-wp-label,
.card-wp-secondary-text .card-title-wp-label,
.card-wp-secondary-text .card-content-wp-label {
  color: #333333;
}

.card-wp-secondary-text .text-wp-hover,
.card-wp-secondary-text .card-header-wp-hover,
.card-wp-secondary-text .card-title-wp-hover,
.card-wp-secondary-text .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-secondary-text .text-wp-hover-dark,
.card-wp-secondary-text .card-header-wp-hover-dark,
.card-wp-secondary-text .card-title-wp-hover-dark,
.card-wp-secondary-text .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-secondary-text .text-wp-bgcard,
.card-wp-secondary-text .card-header-wp-bgcard,
.card-wp-secondary-text .card-title-wp-bgcard,
.card-wp-secondary-text .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-secondary-text .text-wp-bgcard2,
.card-wp-secondary-text .card-header-wp-bgcard2,
.card-wp-secondary-text .card-title-wp-bgcard2,
.card-wp-secondary-text .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-secondary-text .text-wp-bglabel,
.card-wp-secondary-text .card-header-wp-bglabel,
.card-wp-secondary-text .card-title-wp-bglabel,
.card-wp-secondary-text .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-secondary-text .text-wp-primary-light,
.card-wp-secondary-text .card-header-wp-primary-light,
.card-wp-secondary-text .card-title-wp-primary-light,
.card-wp-secondary-text .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-secondary-text .text-wp-bgicon,
.card-wp-secondary-text .card-header-wp-bgicon,
.card-wp-secondary-text .card-title-wp-bgicon,
.card-wp-secondary-text .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-secondary-text .text-wp-primary-text,
.card-wp-secondary-text .card-header-wp-primary-text,
.card-wp-secondary-text .card-title-wp-primary-text,
.card-wp-secondary-text .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-secondary-text .text-wp-white,
.card-wp-secondary-text .card-header-wp-white,
.card-wp-secondary-text .card-title-wp-white,
.card-wp-secondary-text .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-secondary-text .text-wp-success,
.card-wp-secondary-text .card-header-wp-success,
.card-wp-secondary-text .card-title-wp-success,
.card-wp-secondary-text .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-secondary-text .text-wp-info,
.card-wp-secondary-text .card-header-wp-info,
.card-wp-secondary-text .card-title-wp-info,
.card-wp-secondary-text .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-secondary-text .text-wp-warning,
.card-wp-secondary-text .card-header-wp-warning,
.card-wp-secondary-text .card-title-wp-warning,
.card-wp-secondary-text .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-secondary-text .text-wp-danger,
.card-wp-secondary-text .card-header-wp-danger,
.card-wp-secondary-text .card-title-wp-danger,
.card-wp-secondary-text .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-secondary-text .text-wp-tam,
.card-wp-secondary-text .card-header-wp-tam,
.card-wp-secondary-text .card-title-wp-tam,
.card-wp-secondary-text .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-secondary-text,
.card-title-wp-secondary-text,
.card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp .text-wp-text {
  color: #192528;
}

.card-wp-text {
  color: #fff;
  background-color: #192528;
}

.card-wp-text .card-header-wp,
.card-wp-text .card-title-wp,
.card-wp-text .card-content-wp,
.card-wp-text h1,
.card-wp-text h2,
.card-wp-text h3,
.card-wp-text h4,
.card-wp-text h5,
.card-wp-text h6,
.card-wp-text p {
  color: #fff;
}

.card-wp-text .text-wp-primary,
.card-wp-text .card-header-wp-primary,
.card-wp-text .card-title-wp-primary,
.card-wp-text .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-text .text-wp-secondary,
.card-wp-text .card-header-wp-secondary,
.card-wp-text .card-title-wp-secondary,
.card-wp-text .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-text .text-wp-danger-low,
.card-wp-text .card-header-wp-danger-low,
.card-wp-text .card-title-wp-danger-low,
.card-wp-text .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-text .text-wp-light,
.card-wp-text .card-header-wp-light,
.card-wp-text .card-title-wp-light,
.card-wp-text .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-text .text-wp-dark,
.card-wp-text .card-header-wp-dark,
.card-wp-text .card-title-wp-dark,
.card-wp-text .card-content-wp-dark {
  color: #222;
}

.card-wp-text .text-wp-favorite,
.card-wp-text .card-header-wp-favorite,
.card-wp-text .card-title-wp-favorite,
.card-wp-text .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-text .text-wp-darkgrey,
.card-wp-text .card-header-wp-darkgrey,
.card-wp-text .card-title-wp-darkgrey,
.card-wp-text .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-text .text-wp-emerald,
.card-wp-text .card-header-wp-emerald,
.card-wp-text .card-title-wp-emerald,
.card-wp-text .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-text .text-wp-concrete,
.card-wp-text .card-header-wp-concrete,
.card-wp-text .card-title-wp-concrete,
.card-wp-text .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-text .text-wp-yellow,
.card-wp-text .card-header-wp-yellow,
.card-wp-text .card-title-wp-yellow,
.card-wp-text .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-text .text-wp-black,
.card-wp-text .card-header-wp-black,
.card-wp-text .card-title-wp-black,
.card-wp-text .card-content-wp-black {
  color: #000000;
}

.card-wp-text .text-wp-grey,
.card-wp-text .card-header-wp-grey,
.card-wp-text .card-title-wp-grey,
.card-wp-text .card-content-wp-grey {
  color: #808080;
}

.card-wp-text .text-wp-red,
.card-wp-text .card-header-wp-red,
.card-wp-text .card-title-wp-red,
.card-wp-text .card-content-wp-red {
  color: #ed4956;
}

.card-wp-text .text-wp-notif,
.card-wp-text .card-header-wp-notif,
.card-wp-text .card-title-wp-notif,
.card-wp-text .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-text .text-wp-new-badge,
.card-wp-text .card-header-wp-new-badge,
.card-wp-text .card-title-wp-new-badge,
.card-wp-text .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-text .text-wp-accent,
.card-wp-text .card-header-wp-accent,
.card-wp-text .card-title-wp-accent,
.card-wp-text .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-text .text-wp-skeleton,
.card-wp-text .card-header-wp-skeleton,
.card-wp-text .card-title-wp-skeleton,
.card-wp-text .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-text .text-wp-outline,
.card-wp-text .card-header-wp-outline,
.card-wp-text .card-title-wp-outline,
.card-wp-text .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-text .text-wp-secondary-text,
.card-wp-text .card-header-wp-secondary-text,
.card-wp-text .card-title-wp-secondary-text,
.card-wp-text .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-text .text-wp-text,
.card-wp-text .card-header-wp-text,
.card-wp-text .card-title-wp-text,
.card-wp-text .card-content-wp-text {
  color: #192528;
}

.card-wp-text .text-wp-label,
.card-wp-text .card-header-wp-label,
.card-wp-text .card-title-wp-label,
.card-wp-text .card-content-wp-label {
  color: #333333;
}

.card-wp-text .text-wp-hover,
.card-wp-text .card-header-wp-hover,
.card-wp-text .card-title-wp-hover,
.card-wp-text .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-text .text-wp-hover-dark,
.card-wp-text .card-header-wp-hover-dark,
.card-wp-text .card-title-wp-hover-dark,
.card-wp-text .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-text .text-wp-bgcard,
.card-wp-text .card-header-wp-bgcard,
.card-wp-text .card-title-wp-bgcard,
.card-wp-text .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-text .text-wp-bgcard2,
.card-wp-text .card-header-wp-bgcard2,
.card-wp-text .card-title-wp-bgcard2,
.card-wp-text .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-text .text-wp-bglabel,
.card-wp-text .card-header-wp-bglabel,
.card-wp-text .card-title-wp-bglabel,
.card-wp-text .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-text .text-wp-primary-light,
.card-wp-text .card-header-wp-primary-light,
.card-wp-text .card-title-wp-primary-light,
.card-wp-text .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-text .text-wp-bgicon,
.card-wp-text .card-header-wp-bgicon,
.card-wp-text .card-title-wp-bgicon,
.card-wp-text .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-text .text-wp-primary-text,
.card-wp-text .card-header-wp-primary-text,
.card-wp-text .card-title-wp-primary-text,
.card-wp-text .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-text .text-wp-white,
.card-wp-text .card-header-wp-white,
.card-wp-text .card-title-wp-white,
.card-wp-text .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-text .text-wp-success,
.card-wp-text .card-header-wp-success,
.card-wp-text .card-title-wp-success,
.card-wp-text .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-text .text-wp-info,
.card-wp-text .card-header-wp-info,
.card-wp-text .card-title-wp-info,
.card-wp-text .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-text .text-wp-warning,
.card-wp-text .card-header-wp-warning,
.card-wp-text .card-title-wp-warning,
.card-wp-text .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-text .text-wp-danger,
.card-wp-text .card-header-wp-danger,
.card-wp-text .card-title-wp-danger,
.card-wp-text .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-text .text-wp-tam,
.card-wp-text .card-header-wp-tam,
.card-wp-text .card-title-wp-tam,
.card-wp-text .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-text,
.card-title-wp-text,
.card-content-wp-text {
  color: #192528;
}

.card-wp .text-wp-label {
  color: #333333;
}

.card-wp-label {
  color: #fff;
  background-color: #333333;
}

.card-wp-label .card-header-wp,
.card-wp-label .card-title-wp,
.card-wp-label .card-content-wp,
.card-wp-label h1,
.card-wp-label h2,
.card-wp-label h3,
.card-wp-label h4,
.card-wp-label h5,
.card-wp-label h6,
.card-wp-label p {
  color: #fff;
}

.card-wp-label .text-wp-primary,
.card-wp-label .card-header-wp-primary,
.card-wp-label .card-title-wp-primary,
.card-wp-label .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-label .text-wp-secondary,
.card-wp-label .card-header-wp-secondary,
.card-wp-label .card-title-wp-secondary,
.card-wp-label .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-label .text-wp-danger-low,
.card-wp-label .card-header-wp-danger-low,
.card-wp-label .card-title-wp-danger-low,
.card-wp-label .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-label .text-wp-light,
.card-wp-label .card-header-wp-light,
.card-wp-label .card-title-wp-light,
.card-wp-label .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-label .text-wp-dark,
.card-wp-label .card-header-wp-dark,
.card-wp-label .card-title-wp-dark,
.card-wp-label .card-content-wp-dark {
  color: #222;
}

.card-wp-label .text-wp-favorite,
.card-wp-label .card-header-wp-favorite,
.card-wp-label .card-title-wp-favorite,
.card-wp-label .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-label .text-wp-darkgrey,
.card-wp-label .card-header-wp-darkgrey,
.card-wp-label .card-title-wp-darkgrey,
.card-wp-label .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-label .text-wp-emerald,
.card-wp-label .card-header-wp-emerald,
.card-wp-label .card-title-wp-emerald,
.card-wp-label .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-label .text-wp-concrete,
.card-wp-label .card-header-wp-concrete,
.card-wp-label .card-title-wp-concrete,
.card-wp-label .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-label .text-wp-yellow,
.card-wp-label .card-header-wp-yellow,
.card-wp-label .card-title-wp-yellow,
.card-wp-label .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-label .text-wp-black,
.card-wp-label .card-header-wp-black,
.card-wp-label .card-title-wp-black,
.card-wp-label .card-content-wp-black {
  color: #000000;
}

.card-wp-label .text-wp-grey,
.card-wp-label .card-header-wp-grey,
.card-wp-label .card-title-wp-grey,
.card-wp-label .card-content-wp-grey {
  color: #808080;
}

.card-wp-label .text-wp-red,
.card-wp-label .card-header-wp-red,
.card-wp-label .card-title-wp-red,
.card-wp-label .card-content-wp-red {
  color: #ed4956;
}

.card-wp-label .text-wp-notif,
.card-wp-label .card-header-wp-notif,
.card-wp-label .card-title-wp-notif,
.card-wp-label .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-label .text-wp-new-badge,
.card-wp-label .card-header-wp-new-badge,
.card-wp-label .card-title-wp-new-badge,
.card-wp-label .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-label .text-wp-accent,
.card-wp-label .card-header-wp-accent,
.card-wp-label .card-title-wp-accent,
.card-wp-label .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-label .text-wp-skeleton,
.card-wp-label .card-header-wp-skeleton,
.card-wp-label .card-title-wp-skeleton,
.card-wp-label .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-label .text-wp-outline,
.card-wp-label .card-header-wp-outline,
.card-wp-label .card-title-wp-outline,
.card-wp-label .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-label .text-wp-secondary-text,
.card-wp-label .card-header-wp-secondary-text,
.card-wp-label .card-title-wp-secondary-text,
.card-wp-label .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-label .text-wp-text,
.card-wp-label .card-header-wp-text,
.card-wp-label .card-title-wp-text,
.card-wp-label .card-content-wp-text {
  color: #192528;
}

.card-wp-label .text-wp-label,
.card-wp-label .card-header-wp-label,
.card-wp-label .card-title-wp-label,
.card-wp-label .card-content-wp-label {
  color: #333333;
}

.card-wp-label .text-wp-hover,
.card-wp-label .card-header-wp-hover,
.card-wp-label .card-title-wp-hover,
.card-wp-label .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-label .text-wp-hover-dark,
.card-wp-label .card-header-wp-hover-dark,
.card-wp-label .card-title-wp-hover-dark,
.card-wp-label .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-label .text-wp-bgcard,
.card-wp-label .card-header-wp-bgcard,
.card-wp-label .card-title-wp-bgcard,
.card-wp-label .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-label .text-wp-bgcard2,
.card-wp-label .card-header-wp-bgcard2,
.card-wp-label .card-title-wp-bgcard2,
.card-wp-label .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-label .text-wp-bglabel,
.card-wp-label .card-header-wp-bglabel,
.card-wp-label .card-title-wp-bglabel,
.card-wp-label .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-label .text-wp-primary-light,
.card-wp-label .card-header-wp-primary-light,
.card-wp-label .card-title-wp-primary-light,
.card-wp-label .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-label .text-wp-bgicon,
.card-wp-label .card-header-wp-bgicon,
.card-wp-label .card-title-wp-bgicon,
.card-wp-label .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-label .text-wp-primary-text,
.card-wp-label .card-header-wp-primary-text,
.card-wp-label .card-title-wp-primary-text,
.card-wp-label .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-label .text-wp-white,
.card-wp-label .card-header-wp-white,
.card-wp-label .card-title-wp-white,
.card-wp-label .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-label .text-wp-success,
.card-wp-label .card-header-wp-success,
.card-wp-label .card-title-wp-success,
.card-wp-label .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-label .text-wp-info,
.card-wp-label .card-header-wp-info,
.card-wp-label .card-title-wp-info,
.card-wp-label .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-label .text-wp-warning,
.card-wp-label .card-header-wp-warning,
.card-wp-label .card-title-wp-warning,
.card-wp-label .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-label .text-wp-danger,
.card-wp-label .card-header-wp-danger,
.card-wp-label .card-title-wp-danger,
.card-wp-label .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-label .text-wp-tam,
.card-wp-label .card-header-wp-tam,
.card-wp-label .card-title-wp-tam,
.card-wp-label .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-label,
.card-title-wp-label,
.card-content-wp-label {
  color: #333333;
}

.card-wp .text-wp-hover {
  color: #eff2f4;
}

.card-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.card-wp-hover .card-header-wp,
.card-wp-hover .card-title-wp,
.card-wp-hover .card-content-wp,
.card-wp-hover h1,
.card-wp-hover h2,
.card-wp-hover h3,
.card-wp-hover h4,
.card-wp-hover h5,
.card-wp-hover h6,
.card-wp-hover p {
  color: #000;
}

.card-wp-hover .text-wp-primary,
.card-wp-hover .card-header-wp-primary,
.card-wp-hover .card-title-wp-primary,
.card-wp-hover .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-hover .text-wp-secondary,
.card-wp-hover .card-header-wp-secondary,
.card-wp-hover .card-title-wp-secondary,
.card-wp-hover .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-hover .text-wp-danger-low,
.card-wp-hover .card-header-wp-danger-low,
.card-wp-hover .card-title-wp-danger-low,
.card-wp-hover .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-hover .text-wp-light,
.card-wp-hover .card-header-wp-light,
.card-wp-hover .card-title-wp-light,
.card-wp-hover .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-hover .text-wp-dark,
.card-wp-hover .card-header-wp-dark,
.card-wp-hover .card-title-wp-dark,
.card-wp-hover .card-content-wp-dark {
  color: #222;
}

.card-wp-hover .text-wp-favorite,
.card-wp-hover .card-header-wp-favorite,
.card-wp-hover .card-title-wp-favorite,
.card-wp-hover .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-hover .text-wp-darkgrey,
.card-wp-hover .card-header-wp-darkgrey,
.card-wp-hover .card-title-wp-darkgrey,
.card-wp-hover .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-hover .text-wp-emerald,
.card-wp-hover .card-header-wp-emerald,
.card-wp-hover .card-title-wp-emerald,
.card-wp-hover .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-hover .text-wp-concrete,
.card-wp-hover .card-header-wp-concrete,
.card-wp-hover .card-title-wp-concrete,
.card-wp-hover .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-hover .text-wp-yellow,
.card-wp-hover .card-header-wp-yellow,
.card-wp-hover .card-title-wp-yellow,
.card-wp-hover .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-hover .text-wp-black,
.card-wp-hover .card-header-wp-black,
.card-wp-hover .card-title-wp-black,
.card-wp-hover .card-content-wp-black {
  color: #000000;
}

.card-wp-hover .text-wp-grey,
.card-wp-hover .card-header-wp-grey,
.card-wp-hover .card-title-wp-grey,
.card-wp-hover .card-content-wp-grey {
  color: #808080;
}

.card-wp-hover .text-wp-red,
.card-wp-hover .card-header-wp-red,
.card-wp-hover .card-title-wp-red,
.card-wp-hover .card-content-wp-red {
  color: #ed4956;
}

.card-wp-hover .text-wp-notif,
.card-wp-hover .card-header-wp-notif,
.card-wp-hover .card-title-wp-notif,
.card-wp-hover .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-hover .text-wp-new-badge,
.card-wp-hover .card-header-wp-new-badge,
.card-wp-hover .card-title-wp-new-badge,
.card-wp-hover .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-hover .text-wp-accent,
.card-wp-hover .card-header-wp-accent,
.card-wp-hover .card-title-wp-accent,
.card-wp-hover .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-hover .text-wp-skeleton,
.card-wp-hover .card-header-wp-skeleton,
.card-wp-hover .card-title-wp-skeleton,
.card-wp-hover .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-hover .text-wp-outline,
.card-wp-hover .card-header-wp-outline,
.card-wp-hover .card-title-wp-outline,
.card-wp-hover .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-hover .text-wp-secondary-text,
.card-wp-hover .card-header-wp-secondary-text,
.card-wp-hover .card-title-wp-secondary-text,
.card-wp-hover .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-hover .text-wp-text,
.card-wp-hover .card-header-wp-text,
.card-wp-hover .card-title-wp-text,
.card-wp-hover .card-content-wp-text {
  color: #192528;
}

.card-wp-hover .text-wp-label,
.card-wp-hover .card-header-wp-label,
.card-wp-hover .card-title-wp-label,
.card-wp-hover .card-content-wp-label {
  color: #333333;
}

.card-wp-hover .text-wp-hover,
.card-wp-hover .card-header-wp-hover,
.card-wp-hover .card-title-wp-hover,
.card-wp-hover .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-hover .text-wp-hover-dark,
.card-wp-hover .card-header-wp-hover-dark,
.card-wp-hover .card-title-wp-hover-dark,
.card-wp-hover .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-hover .text-wp-bgcard,
.card-wp-hover .card-header-wp-bgcard,
.card-wp-hover .card-title-wp-bgcard,
.card-wp-hover .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-hover .text-wp-bgcard2,
.card-wp-hover .card-header-wp-bgcard2,
.card-wp-hover .card-title-wp-bgcard2,
.card-wp-hover .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-hover .text-wp-bglabel,
.card-wp-hover .card-header-wp-bglabel,
.card-wp-hover .card-title-wp-bglabel,
.card-wp-hover .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-hover .text-wp-primary-light,
.card-wp-hover .card-header-wp-primary-light,
.card-wp-hover .card-title-wp-primary-light,
.card-wp-hover .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-hover .text-wp-bgicon,
.card-wp-hover .card-header-wp-bgicon,
.card-wp-hover .card-title-wp-bgicon,
.card-wp-hover .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-hover .text-wp-primary-text,
.card-wp-hover .card-header-wp-primary-text,
.card-wp-hover .card-title-wp-primary-text,
.card-wp-hover .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-hover .text-wp-white,
.card-wp-hover .card-header-wp-white,
.card-wp-hover .card-title-wp-white,
.card-wp-hover .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-hover .text-wp-success,
.card-wp-hover .card-header-wp-success,
.card-wp-hover .card-title-wp-success,
.card-wp-hover .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-hover .text-wp-info,
.card-wp-hover .card-header-wp-info,
.card-wp-hover .card-title-wp-info,
.card-wp-hover .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-hover .text-wp-warning,
.card-wp-hover .card-header-wp-warning,
.card-wp-hover .card-title-wp-warning,
.card-wp-hover .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-hover .text-wp-danger,
.card-wp-hover .card-header-wp-danger,
.card-wp-hover .card-title-wp-danger,
.card-wp-hover .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-hover .text-wp-tam,
.card-wp-hover .card-header-wp-tam,
.card-wp-hover .card-title-wp-tam,
.card-wp-hover .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-hover,
.card-title-wp-hover,
.card-content-wp-hover {
  color: #eff2f4;
}

.card-wp .text-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.card-wp-hover-dark .card-header-wp,
.card-wp-hover-dark .card-title-wp,
.card-wp-hover-dark .card-content-wp,
.card-wp-hover-dark h1,
.card-wp-hover-dark h2,
.card-wp-hover-dark h3,
.card-wp-hover-dark h4,
.card-wp-hover-dark h5,
.card-wp-hover-dark h6,
.card-wp-hover-dark p {
  color: #fff;
}

.card-wp-hover-dark .text-wp-primary,
.card-wp-hover-dark .card-header-wp-primary,
.card-wp-hover-dark .card-title-wp-primary,
.card-wp-hover-dark .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-hover-dark .text-wp-secondary,
.card-wp-hover-dark .card-header-wp-secondary,
.card-wp-hover-dark .card-title-wp-secondary,
.card-wp-hover-dark .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-hover-dark .text-wp-danger-low,
.card-wp-hover-dark .card-header-wp-danger-low,
.card-wp-hover-dark .card-title-wp-danger-low,
.card-wp-hover-dark .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-hover-dark .text-wp-light,
.card-wp-hover-dark .card-header-wp-light,
.card-wp-hover-dark .card-title-wp-light,
.card-wp-hover-dark .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-hover-dark .text-wp-dark,
.card-wp-hover-dark .card-header-wp-dark,
.card-wp-hover-dark .card-title-wp-dark,
.card-wp-hover-dark .card-content-wp-dark {
  color: #222;
}

.card-wp-hover-dark .text-wp-favorite,
.card-wp-hover-dark .card-header-wp-favorite,
.card-wp-hover-dark .card-title-wp-favorite,
.card-wp-hover-dark .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-hover-dark .text-wp-darkgrey,
.card-wp-hover-dark .card-header-wp-darkgrey,
.card-wp-hover-dark .card-title-wp-darkgrey,
.card-wp-hover-dark .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-hover-dark .text-wp-emerald,
.card-wp-hover-dark .card-header-wp-emerald,
.card-wp-hover-dark .card-title-wp-emerald,
.card-wp-hover-dark .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-hover-dark .text-wp-concrete,
.card-wp-hover-dark .card-header-wp-concrete,
.card-wp-hover-dark .card-title-wp-concrete,
.card-wp-hover-dark .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-hover-dark .text-wp-yellow,
.card-wp-hover-dark .card-header-wp-yellow,
.card-wp-hover-dark .card-title-wp-yellow,
.card-wp-hover-dark .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-hover-dark .text-wp-black,
.card-wp-hover-dark .card-header-wp-black,
.card-wp-hover-dark .card-title-wp-black,
.card-wp-hover-dark .card-content-wp-black {
  color: #000000;
}

.card-wp-hover-dark .text-wp-grey,
.card-wp-hover-dark .card-header-wp-grey,
.card-wp-hover-dark .card-title-wp-grey,
.card-wp-hover-dark .card-content-wp-grey {
  color: #808080;
}

.card-wp-hover-dark .text-wp-red,
.card-wp-hover-dark .card-header-wp-red,
.card-wp-hover-dark .card-title-wp-red,
.card-wp-hover-dark .card-content-wp-red {
  color: #ed4956;
}

.card-wp-hover-dark .text-wp-notif,
.card-wp-hover-dark .card-header-wp-notif,
.card-wp-hover-dark .card-title-wp-notif,
.card-wp-hover-dark .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-hover-dark .text-wp-new-badge,
.card-wp-hover-dark .card-header-wp-new-badge,
.card-wp-hover-dark .card-title-wp-new-badge,
.card-wp-hover-dark .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-hover-dark .text-wp-accent,
.card-wp-hover-dark .card-header-wp-accent,
.card-wp-hover-dark .card-title-wp-accent,
.card-wp-hover-dark .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-hover-dark .text-wp-skeleton,
.card-wp-hover-dark .card-header-wp-skeleton,
.card-wp-hover-dark .card-title-wp-skeleton,
.card-wp-hover-dark .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-hover-dark .text-wp-outline,
.card-wp-hover-dark .card-header-wp-outline,
.card-wp-hover-dark .card-title-wp-outline,
.card-wp-hover-dark .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-hover-dark .text-wp-secondary-text,
.card-wp-hover-dark .card-header-wp-secondary-text,
.card-wp-hover-dark .card-title-wp-secondary-text,
.card-wp-hover-dark .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-hover-dark .text-wp-text,
.card-wp-hover-dark .card-header-wp-text,
.card-wp-hover-dark .card-title-wp-text,
.card-wp-hover-dark .card-content-wp-text {
  color: #192528;
}

.card-wp-hover-dark .text-wp-label,
.card-wp-hover-dark .card-header-wp-label,
.card-wp-hover-dark .card-title-wp-label,
.card-wp-hover-dark .card-content-wp-label {
  color: #333333;
}

.card-wp-hover-dark .text-wp-hover,
.card-wp-hover-dark .card-header-wp-hover,
.card-wp-hover-dark .card-title-wp-hover,
.card-wp-hover-dark .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-hover-dark .text-wp-hover-dark,
.card-wp-hover-dark .card-header-wp-hover-dark,
.card-wp-hover-dark .card-title-wp-hover-dark,
.card-wp-hover-dark .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-hover-dark .text-wp-bgcard,
.card-wp-hover-dark .card-header-wp-bgcard,
.card-wp-hover-dark .card-title-wp-bgcard,
.card-wp-hover-dark .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-hover-dark .text-wp-bgcard2,
.card-wp-hover-dark .card-header-wp-bgcard2,
.card-wp-hover-dark .card-title-wp-bgcard2,
.card-wp-hover-dark .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-hover-dark .text-wp-bglabel,
.card-wp-hover-dark .card-header-wp-bglabel,
.card-wp-hover-dark .card-title-wp-bglabel,
.card-wp-hover-dark .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-hover-dark .text-wp-primary-light,
.card-wp-hover-dark .card-header-wp-primary-light,
.card-wp-hover-dark .card-title-wp-primary-light,
.card-wp-hover-dark .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-hover-dark .text-wp-bgicon,
.card-wp-hover-dark .card-header-wp-bgicon,
.card-wp-hover-dark .card-title-wp-bgicon,
.card-wp-hover-dark .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-hover-dark .text-wp-primary-text,
.card-wp-hover-dark .card-header-wp-primary-text,
.card-wp-hover-dark .card-title-wp-primary-text,
.card-wp-hover-dark .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-hover-dark .text-wp-white,
.card-wp-hover-dark .card-header-wp-white,
.card-wp-hover-dark .card-title-wp-white,
.card-wp-hover-dark .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-hover-dark .text-wp-success,
.card-wp-hover-dark .card-header-wp-success,
.card-wp-hover-dark .card-title-wp-success,
.card-wp-hover-dark .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-hover-dark .text-wp-info,
.card-wp-hover-dark .card-header-wp-info,
.card-wp-hover-dark .card-title-wp-info,
.card-wp-hover-dark .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-hover-dark .text-wp-warning,
.card-wp-hover-dark .card-header-wp-warning,
.card-wp-hover-dark .card-title-wp-warning,
.card-wp-hover-dark .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-hover-dark .text-wp-danger,
.card-wp-hover-dark .card-header-wp-danger,
.card-wp-hover-dark .card-title-wp-danger,
.card-wp-hover-dark .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-hover-dark .text-wp-tam,
.card-wp-hover-dark .card-header-wp-tam,
.card-wp-hover-dark .card-title-wp-tam,
.card-wp-hover-dark .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-hover-dark,
.card-title-wp-hover-dark,
.card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp .text-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.card-wp-bgcard .card-header-wp,
.card-wp-bgcard .card-title-wp,
.card-wp-bgcard .card-content-wp,
.card-wp-bgcard h1,
.card-wp-bgcard h2,
.card-wp-bgcard h3,
.card-wp-bgcard h4,
.card-wp-bgcard h5,
.card-wp-bgcard h6,
.card-wp-bgcard p {
  color: #000;
}

.card-wp-bgcard .text-wp-primary,
.card-wp-bgcard .card-header-wp-primary,
.card-wp-bgcard .card-title-wp-primary,
.card-wp-bgcard .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-bgcard .text-wp-secondary,
.card-wp-bgcard .card-header-wp-secondary,
.card-wp-bgcard .card-title-wp-secondary,
.card-wp-bgcard .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-bgcard .text-wp-danger-low,
.card-wp-bgcard .card-header-wp-danger-low,
.card-wp-bgcard .card-title-wp-danger-low,
.card-wp-bgcard .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-bgcard .text-wp-light,
.card-wp-bgcard .card-header-wp-light,
.card-wp-bgcard .card-title-wp-light,
.card-wp-bgcard .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-bgcard .text-wp-dark,
.card-wp-bgcard .card-header-wp-dark,
.card-wp-bgcard .card-title-wp-dark,
.card-wp-bgcard .card-content-wp-dark {
  color: #222;
}

.card-wp-bgcard .text-wp-favorite,
.card-wp-bgcard .card-header-wp-favorite,
.card-wp-bgcard .card-title-wp-favorite,
.card-wp-bgcard .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-bgcard .text-wp-darkgrey,
.card-wp-bgcard .card-header-wp-darkgrey,
.card-wp-bgcard .card-title-wp-darkgrey,
.card-wp-bgcard .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-bgcard .text-wp-emerald,
.card-wp-bgcard .card-header-wp-emerald,
.card-wp-bgcard .card-title-wp-emerald,
.card-wp-bgcard .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-bgcard .text-wp-concrete,
.card-wp-bgcard .card-header-wp-concrete,
.card-wp-bgcard .card-title-wp-concrete,
.card-wp-bgcard .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-bgcard .text-wp-yellow,
.card-wp-bgcard .card-header-wp-yellow,
.card-wp-bgcard .card-title-wp-yellow,
.card-wp-bgcard .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-bgcard .text-wp-black,
.card-wp-bgcard .card-header-wp-black,
.card-wp-bgcard .card-title-wp-black,
.card-wp-bgcard .card-content-wp-black {
  color: #000000;
}

.card-wp-bgcard .text-wp-grey,
.card-wp-bgcard .card-header-wp-grey,
.card-wp-bgcard .card-title-wp-grey,
.card-wp-bgcard .card-content-wp-grey {
  color: #808080;
}

.card-wp-bgcard .text-wp-red,
.card-wp-bgcard .card-header-wp-red,
.card-wp-bgcard .card-title-wp-red,
.card-wp-bgcard .card-content-wp-red {
  color: #ed4956;
}

.card-wp-bgcard .text-wp-notif,
.card-wp-bgcard .card-header-wp-notif,
.card-wp-bgcard .card-title-wp-notif,
.card-wp-bgcard .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-bgcard .text-wp-new-badge,
.card-wp-bgcard .card-header-wp-new-badge,
.card-wp-bgcard .card-title-wp-new-badge,
.card-wp-bgcard .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-bgcard .text-wp-accent,
.card-wp-bgcard .card-header-wp-accent,
.card-wp-bgcard .card-title-wp-accent,
.card-wp-bgcard .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-bgcard .text-wp-skeleton,
.card-wp-bgcard .card-header-wp-skeleton,
.card-wp-bgcard .card-title-wp-skeleton,
.card-wp-bgcard .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-bgcard .text-wp-outline,
.card-wp-bgcard .card-header-wp-outline,
.card-wp-bgcard .card-title-wp-outline,
.card-wp-bgcard .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-bgcard .text-wp-secondary-text,
.card-wp-bgcard .card-header-wp-secondary-text,
.card-wp-bgcard .card-title-wp-secondary-text,
.card-wp-bgcard .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-bgcard .text-wp-text,
.card-wp-bgcard .card-header-wp-text,
.card-wp-bgcard .card-title-wp-text,
.card-wp-bgcard .card-content-wp-text {
  color: #192528;
}

.card-wp-bgcard .text-wp-label,
.card-wp-bgcard .card-header-wp-label,
.card-wp-bgcard .card-title-wp-label,
.card-wp-bgcard .card-content-wp-label {
  color: #333333;
}

.card-wp-bgcard .text-wp-hover,
.card-wp-bgcard .card-header-wp-hover,
.card-wp-bgcard .card-title-wp-hover,
.card-wp-bgcard .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-bgcard .text-wp-hover-dark,
.card-wp-bgcard .card-header-wp-hover-dark,
.card-wp-bgcard .card-title-wp-hover-dark,
.card-wp-bgcard .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-bgcard .text-wp-bgcard,
.card-wp-bgcard .card-header-wp-bgcard,
.card-wp-bgcard .card-title-wp-bgcard,
.card-wp-bgcard .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-bgcard .text-wp-bgcard2,
.card-wp-bgcard .card-header-wp-bgcard2,
.card-wp-bgcard .card-title-wp-bgcard2,
.card-wp-bgcard .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-bgcard .text-wp-bglabel,
.card-wp-bgcard .card-header-wp-bglabel,
.card-wp-bgcard .card-title-wp-bglabel,
.card-wp-bgcard .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-bgcard .text-wp-primary-light,
.card-wp-bgcard .card-header-wp-primary-light,
.card-wp-bgcard .card-title-wp-primary-light,
.card-wp-bgcard .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-bgcard .text-wp-bgicon,
.card-wp-bgcard .card-header-wp-bgicon,
.card-wp-bgcard .card-title-wp-bgicon,
.card-wp-bgcard .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-bgcard .text-wp-primary-text,
.card-wp-bgcard .card-header-wp-primary-text,
.card-wp-bgcard .card-title-wp-primary-text,
.card-wp-bgcard .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-bgcard .text-wp-white,
.card-wp-bgcard .card-header-wp-white,
.card-wp-bgcard .card-title-wp-white,
.card-wp-bgcard .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-bgcard .text-wp-success,
.card-wp-bgcard .card-header-wp-success,
.card-wp-bgcard .card-title-wp-success,
.card-wp-bgcard .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-bgcard .text-wp-info,
.card-wp-bgcard .card-header-wp-info,
.card-wp-bgcard .card-title-wp-info,
.card-wp-bgcard .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-bgcard .text-wp-warning,
.card-wp-bgcard .card-header-wp-warning,
.card-wp-bgcard .card-title-wp-warning,
.card-wp-bgcard .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-bgcard .text-wp-danger,
.card-wp-bgcard .card-header-wp-danger,
.card-wp-bgcard .card-title-wp-danger,
.card-wp-bgcard .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-bgcard .text-wp-tam,
.card-wp-bgcard .card-header-wp-tam,
.card-wp-bgcard .card-title-wp-tam,
.card-wp-bgcard .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-bgcard,
.card-title-wp-bgcard,
.card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp .text-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.card-wp-bgcard2 .card-header-wp,
.card-wp-bgcard2 .card-title-wp,
.card-wp-bgcard2 .card-content-wp,
.card-wp-bgcard2 h1,
.card-wp-bgcard2 h2,
.card-wp-bgcard2 h3,
.card-wp-bgcard2 h4,
.card-wp-bgcard2 h5,
.card-wp-bgcard2 h6,
.card-wp-bgcard2 p {
  color: #000;
}

.card-wp-bgcard2 .text-wp-primary,
.card-wp-bgcard2 .card-header-wp-primary,
.card-wp-bgcard2 .card-title-wp-primary,
.card-wp-bgcard2 .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-bgcard2 .text-wp-secondary,
.card-wp-bgcard2 .card-header-wp-secondary,
.card-wp-bgcard2 .card-title-wp-secondary,
.card-wp-bgcard2 .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-bgcard2 .text-wp-danger-low,
.card-wp-bgcard2 .card-header-wp-danger-low,
.card-wp-bgcard2 .card-title-wp-danger-low,
.card-wp-bgcard2 .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-bgcard2 .text-wp-light,
.card-wp-bgcard2 .card-header-wp-light,
.card-wp-bgcard2 .card-title-wp-light,
.card-wp-bgcard2 .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-bgcard2 .text-wp-dark,
.card-wp-bgcard2 .card-header-wp-dark,
.card-wp-bgcard2 .card-title-wp-dark,
.card-wp-bgcard2 .card-content-wp-dark {
  color: #222;
}

.card-wp-bgcard2 .text-wp-favorite,
.card-wp-bgcard2 .card-header-wp-favorite,
.card-wp-bgcard2 .card-title-wp-favorite,
.card-wp-bgcard2 .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-bgcard2 .text-wp-darkgrey,
.card-wp-bgcard2 .card-header-wp-darkgrey,
.card-wp-bgcard2 .card-title-wp-darkgrey,
.card-wp-bgcard2 .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-bgcard2 .text-wp-emerald,
.card-wp-bgcard2 .card-header-wp-emerald,
.card-wp-bgcard2 .card-title-wp-emerald,
.card-wp-bgcard2 .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-bgcard2 .text-wp-concrete,
.card-wp-bgcard2 .card-header-wp-concrete,
.card-wp-bgcard2 .card-title-wp-concrete,
.card-wp-bgcard2 .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-bgcard2 .text-wp-yellow,
.card-wp-bgcard2 .card-header-wp-yellow,
.card-wp-bgcard2 .card-title-wp-yellow,
.card-wp-bgcard2 .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-bgcard2 .text-wp-black,
.card-wp-bgcard2 .card-header-wp-black,
.card-wp-bgcard2 .card-title-wp-black,
.card-wp-bgcard2 .card-content-wp-black {
  color: #000000;
}

.card-wp-bgcard2 .text-wp-grey,
.card-wp-bgcard2 .card-header-wp-grey,
.card-wp-bgcard2 .card-title-wp-grey,
.card-wp-bgcard2 .card-content-wp-grey {
  color: #808080;
}

.card-wp-bgcard2 .text-wp-red,
.card-wp-bgcard2 .card-header-wp-red,
.card-wp-bgcard2 .card-title-wp-red,
.card-wp-bgcard2 .card-content-wp-red {
  color: #ed4956;
}

.card-wp-bgcard2 .text-wp-notif,
.card-wp-bgcard2 .card-header-wp-notif,
.card-wp-bgcard2 .card-title-wp-notif,
.card-wp-bgcard2 .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-bgcard2 .text-wp-new-badge,
.card-wp-bgcard2 .card-header-wp-new-badge,
.card-wp-bgcard2 .card-title-wp-new-badge,
.card-wp-bgcard2 .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-bgcard2 .text-wp-accent,
.card-wp-bgcard2 .card-header-wp-accent,
.card-wp-bgcard2 .card-title-wp-accent,
.card-wp-bgcard2 .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-bgcard2 .text-wp-skeleton,
.card-wp-bgcard2 .card-header-wp-skeleton,
.card-wp-bgcard2 .card-title-wp-skeleton,
.card-wp-bgcard2 .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-bgcard2 .text-wp-outline,
.card-wp-bgcard2 .card-header-wp-outline,
.card-wp-bgcard2 .card-title-wp-outline,
.card-wp-bgcard2 .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-bgcard2 .text-wp-secondary-text,
.card-wp-bgcard2 .card-header-wp-secondary-text,
.card-wp-bgcard2 .card-title-wp-secondary-text,
.card-wp-bgcard2 .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-bgcard2 .text-wp-text,
.card-wp-bgcard2 .card-header-wp-text,
.card-wp-bgcard2 .card-title-wp-text,
.card-wp-bgcard2 .card-content-wp-text {
  color: #192528;
}

.card-wp-bgcard2 .text-wp-label,
.card-wp-bgcard2 .card-header-wp-label,
.card-wp-bgcard2 .card-title-wp-label,
.card-wp-bgcard2 .card-content-wp-label {
  color: #333333;
}

.card-wp-bgcard2 .text-wp-hover,
.card-wp-bgcard2 .card-header-wp-hover,
.card-wp-bgcard2 .card-title-wp-hover,
.card-wp-bgcard2 .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-bgcard2 .text-wp-hover-dark,
.card-wp-bgcard2 .card-header-wp-hover-dark,
.card-wp-bgcard2 .card-title-wp-hover-dark,
.card-wp-bgcard2 .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-bgcard2 .text-wp-bgcard,
.card-wp-bgcard2 .card-header-wp-bgcard,
.card-wp-bgcard2 .card-title-wp-bgcard,
.card-wp-bgcard2 .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-bgcard2 .text-wp-bgcard2,
.card-wp-bgcard2 .card-header-wp-bgcard2,
.card-wp-bgcard2 .card-title-wp-bgcard2,
.card-wp-bgcard2 .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-bgcard2 .text-wp-bglabel,
.card-wp-bgcard2 .card-header-wp-bglabel,
.card-wp-bgcard2 .card-title-wp-bglabel,
.card-wp-bgcard2 .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-bgcard2 .text-wp-primary-light,
.card-wp-bgcard2 .card-header-wp-primary-light,
.card-wp-bgcard2 .card-title-wp-primary-light,
.card-wp-bgcard2 .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-bgcard2 .text-wp-bgicon,
.card-wp-bgcard2 .card-header-wp-bgicon,
.card-wp-bgcard2 .card-title-wp-bgicon,
.card-wp-bgcard2 .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-bgcard2 .text-wp-primary-text,
.card-wp-bgcard2 .card-header-wp-primary-text,
.card-wp-bgcard2 .card-title-wp-primary-text,
.card-wp-bgcard2 .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-bgcard2 .text-wp-white,
.card-wp-bgcard2 .card-header-wp-white,
.card-wp-bgcard2 .card-title-wp-white,
.card-wp-bgcard2 .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-bgcard2 .text-wp-success,
.card-wp-bgcard2 .card-header-wp-success,
.card-wp-bgcard2 .card-title-wp-success,
.card-wp-bgcard2 .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-bgcard2 .text-wp-info,
.card-wp-bgcard2 .card-header-wp-info,
.card-wp-bgcard2 .card-title-wp-info,
.card-wp-bgcard2 .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-bgcard2 .text-wp-warning,
.card-wp-bgcard2 .card-header-wp-warning,
.card-wp-bgcard2 .card-title-wp-warning,
.card-wp-bgcard2 .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-bgcard2 .text-wp-danger,
.card-wp-bgcard2 .card-header-wp-danger,
.card-wp-bgcard2 .card-title-wp-danger,
.card-wp-bgcard2 .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-bgcard2 .text-wp-tam,
.card-wp-bgcard2 .card-header-wp-tam,
.card-wp-bgcard2 .card-title-wp-tam,
.card-wp-bgcard2 .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-bgcard2,
.card-title-wp-bgcard2,
.card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp .text-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.card-wp-bglabel .card-header-wp,
.card-wp-bglabel .card-title-wp,
.card-wp-bglabel .card-content-wp,
.card-wp-bglabel h1,
.card-wp-bglabel h2,
.card-wp-bglabel h3,
.card-wp-bglabel h4,
.card-wp-bglabel h5,
.card-wp-bglabel h6,
.card-wp-bglabel p {
  color: #000;
}

.card-wp-bglabel .text-wp-primary,
.card-wp-bglabel .card-header-wp-primary,
.card-wp-bglabel .card-title-wp-primary,
.card-wp-bglabel .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-bglabel .text-wp-secondary,
.card-wp-bglabel .card-header-wp-secondary,
.card-wp-bglabel .card-title-wp-secondary,
.card-wp-bglabel .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-bglabel .text-wp-danger-low,
.card-wp-bglabel .card-header-wp-danger-low,
.card-wp-bglabel .card-title-wp-danger-low,
.card-wp-bglabel .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-bglabel .text-wp-light,
.card-wp-bglabel .card-header-wp-light,
.card-wp-bglabel .card-title-wp-light,
.card-wp-bglabel .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-bglabel .text-wp-dark,
.card-wp-bglabel .card-header-wp-dark,
.card-wp-bglabel .card-title-wp-dark,
.card-wp-bglabel .card-content-wp-dark {
  color: #222;
}

.card-wp-bglabel .text-wp-favorite,
.card-wp-bglabel .card-header-wp-favorite,
.card-wp-bglabel .card-title-wp-favorite,
.card-wp-bglabel .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-bglabel .text-wp-darkgrey,
.card-wp-bglabel .card-header-wp-darkgrey,
.card-wp-bglabel .card-title-wp-darkgrey,
.card-wp-bglabel .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-bglabel .text-wp-emerald,
.card-wp-bglabel .card-header-wp-emerald,
.card-wp-bglabel .card-title-wp-emerald,
.card-wp-bglabel .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-bglabel .text-wp-concrete,
.card-wp-bglabel .card-header-wp-concrete,
.card-wp-bglabel .card-title-wp-concrete,
.card-wp-bglabel .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-bglabel .text-wp-yellow,
.card-wp-bglabel .card-header-wp-yellow,
.card-wp-bglabel .card-title-wp-yellow,
.card-wp-bglabel .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-bglabel .text-wp-black,
.card-wp-bglabel .card-header-wp-black,
.card-wp-bglabel .card-title-wp-black,
.card-wp-bglabel .card-content-wp-black {
  color: #000000;
}

.card-wp-bglabel .text-wp-grey,
.card-wp-bglabel .card-header-wp-grey,
.card-wp-bglabel .card-title-wp-grey,
.card-wp-bglabel .card-content-wp-grey {
  color: #808080;
}

.card-wp-bglabel .text-wp-red,
.card-wp-bglabel .card-header-wp-red,
.card-wp-bglabel .card-title-wp-red,
.card-wp-bglabel .card-content-wp-red {
  color: #ed4956;
}

.card-wp-bglabel .text-wp-notif,
.card-wp-bglabel .card-header-wp-notif,
.card-wp-bglabel .card-title-wp-notif,
.card-wp-bglabel .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-bglabel .text-wp-new-badge,
.card-wp-bglabel .card-header-wp-new-badge,
.card-wp-bglabel .card-title-wp-new-badge,
.card-wp-bglabel .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-bglabel .text-wp-accent,
.card-wp-bglabel .card-header-wp-accent,
.card-wp-bglabel .card-title-wp-accent,
.card-wp-bglabel .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-bglabel .text-wp-skeleton,
.card-wp-bglabel .card-header-wp-skeleton,
.card-wp-bglabel .card-title-wp-skeleton,
.card-wp-bglabel .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-bglabel .text-wp-outline,
.card-wp-bglabel .card-header-wp-outline,
.card-wp-bglabel .card-title-wp-outline,
.card-wp-bglabel .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-bglabel .text-wp-secondary-text,
.card-wp-bglabel .card-header-wp-secondary-text,
.card-wp-bglabel .card-title-wp-secondary-text,
.card-wp-bglabel .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-bglabel .text-wp-text,
.card-wp-bglabel .card-header-wp-text,
.card-wp-bglabel .card-title-wp-text,
.card-wp-bglabel .card-content-wp-text {
  color: #192528;
}

.card-wp-bglabel .text-wp-label,
.card-wp-bglabel .card-header-wp-label,
.card-wp-bglabel .card-title-wp-label,
.card-wp-bglabel .card-content-wp-label {
  color: #333333;
}

.card-wp-bglabel .text-wp-hover,
.card-wp-bglabel .card-header-wp-hover,
.card-wp-bglabel .card-title-wp-hover,
.card-wp-bglabel .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-bglabel .text-wp-hover-dark,
.card-wp-bglabel .card-header-wp-hover-dark,
.card-wp-bglabel .card-title-wp-hover-dark,
.card-wp-bglabel .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-bglabel .text-wp-bgcard,
.card-wp-bglabel .card-header-wp-bgcard,
.card-wp-bglabel .card-title-wp-bgcard,
.card-wp-bglabel .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-bglabel .text-wp-bgcard2,
.card-wp-bglabel .card-header-wp-bgcard2,
.card-wp-bglabel .card-title-wp-bgcard2,
.card-wp-bglabel .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-bglabel .text-wp-bglabel,
.card-wp-bglabel .card-header-wp-bglabel,
.card-wp-bglabel .card-title-wp-bglabel,
.card-wp-bglabel .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-bglabel .text-wp-primary-light,
.card-wp-bglabel .card-header-wp-primary-light,
.card-wp-bglabel .card-title-wp-primary-light,
.card-wp-bglabel .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-bglabel .text-wp-bgicon,
.card-wp-bglabel .card-header-wp-bgicon,
.card-wp-bglabel .card-title-wp-bgicon,
.card-wp-bglabel .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-bglabel .text-wp-primary-text,
.card-wp-bglabel .card-header-wp-primary-text,
.card-wp-bglabel .card-title-wp-primary-text,
.card-wp-bglabel .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-bglabel .text-wp-white,
.card-wp-bglabel .card-header-wp-white,
.card-wp-bglabel .card-title-wp-white,
.card-wp-bglabel .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-bglabel .text-wp-success,
.card-wp-bglabel .card-header-wp-success,
.card-wp-bglabel .card-title-wp-success,
.card-wp-bglabel .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-bglabel .text-wp-info,
.card-wp-bglabel .card-header-wp-info,
.card-wp-bglabel .card-title-wp-info,
.card-wp-bglabel .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-bglabel .text-wp-warning,
.card-wp-bglabel .card-header-wp-warning,
.card-wp-bglabel .card-title-wp-warning,
.card-wp-bglabel .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-bglabel .text-wp-danger,
.card-wp-bglabel .card-header-wp-danger,
.card-wp-bglabel .card-title-wp-danger,
.card-wp-bglabel .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-bglabel .text-wp-tam,
.card-wp-bglabel .card-header-wp-tam,
.card-wp-bglabel .card-title-wp-tam,
.card-wp-bglabel .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-bglabel,
.card-title-wp-bglabel,
.card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp .text-wp-primary-light {
  color: #08b2be;
}

.card-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.card-wp-primary-light .card-header-wp,
.card-wp-primary-light .card-title-wp,
.card-wp-primary-light .card-content-wp,
.card-wp-primary-light h1,
.card-wp-primary-light h2,
.card-wp-primary-light h3,
.card-wp-primary-light h4,
.card-wp-primary-light h5,
.card-wp-primary-light h6,
.card-wp-primary-light p {
  color: #fff;
}

.card-wp-primary-light .text-wp-primary,
.card-wp-primary-light .card-header-wp-primary,
.card-wp-primary-light .card-title-wp-primary,
.card-wp-primary-light .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-primary-light .text-wp-secondary,
.card-wp-primary-light .card-header-wp-secondary,
.card-wp-primary-light .card-title-wp-secondary,
.card-wp-primary-light .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-primary-light .text-wp-danger-low,
.card-wp-primary-light .card-header-wp-danger-low,
.card-wp-primary-light .card-title-wp-danger-low,
.card-wp-primary-light .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-primary-light .text-wp-light,
.card-wp-primary-light .card-header-wp-light,
.card-wp-primary-light .card-title-wp-light,
.card-wp-primary-light .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-primary-light .text-wp-dark,
.card-wp-primary-light .card-header-wp-dark,
.card-wp-primary-light .card-title-wp-dark,
.card-wp-primary-light .card-content-wp-dark {
  color: #222;
}

.card-wp-primary-light .text-wp-favorite,
.card-wp-primary-light .card-header-wp-favorite,
.card-wp-primary-light .card-title-wp-favorite,
.card-wp-primary-light .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-primary-light .text-wp-darkgrey,
.card-wp-primary-light .card-header-wp-darkgrey,
.card-wp-primary-light .card-title-wp-darkgrey,
.card-wp-primary-light .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-primary-light .text-wp-emerald,
.card-wp-primary-light .card-header-wp-emerald,
.card-wp-primary-light .card-title-wp-emerald,
.card-wp-primary-light .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-primary-light .text-wp-concrete,
.card-wp-primary-light .card-header-wp-concrete,
.card-wp-primary-light .card-title-wp-concrete,
.card-wp-primary-light .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-primary-light .text-wp-yellow,
.card-wp-primary-light .card-header-wp-yellow,
.card-wp-primary-light .card-title-wp-yellow,
.card-wp-primary-light .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-primary-light .text-wp-black,
.card-wp-primary-light .card-header-wp-black,
.card-wp-primary-light .card-title-wp-black,
.card-wp-primary-light .card-content-wp-black {
  color: #000000;
}

.card-wp-primary-light .text-wp-grey,
.card-wp-primary-light .card-header-wp-grey,
.card-wp-primary-light .card-title-wp-grey,
.card-wp-primary-light .card-content-wp-grey {
  color: #808080;
}

.card-wp-primary-light .text-wp-red,
.card-wp-primary-light .card-header-wp-red,
.card-wp-primary-light .card-title-wp-red,
.card-wp-primary-light .card-content-wp-red {
  color: #ed4956;
}

.card-wp-primary-light .text-wp-notif,
.card-wp-primary-light .card-header-wp-notif,
.card-wp-primary-light .card-title-wp-notif,
.card-wp-primary-light .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-primary-light .text-wp-new-badge,
.card-wp-primary-light .card-header-wp-new-badge,
.card-wp-primary-light .card-title-wp-new-badge,
.card-wp-primary-light .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-primary-light .text-wp-accent,
.card-wp-primary-light .card-header-wp-accent,
.card-wp-primary-light .card-title-wp-accent,
.card-wp-primary-light .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-primary-light .text-wp-skeleton,
.card-wp-primary-light .card-header-wp-skeleton,
.card-wp-primary-light .card-title-wp-skeleton,
.card-wp-primary-light .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-primary-light .text-wp-outline,
.card-wp-primary-light .card-header-wp-outline,
.card-wp-primary-light .card-title-wp-outline,
.card-wp-primary-light .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-primary-light .text-wp-secondary-text,
.card-wp-primary-light .card-header-wp-secondary-text,
.card-wp-primary-light .card-title-wp-secondary-text,
.card-wp-primary-light .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-primary-light .text-wp-text,
.card-wp-primary-light .card-header-wp-text,
.card-wp-primary-light .card-title-wp-text,
.card-wp-primary-light .card-content-wp-text {
  color: #192528;
}

.card-wp-primary-light .text-wp-label,
.card-wp-primary-light .card-header-wp-label,
.card-wp-primary-light .card-title-wp-label,
.card-wp-primary-light .card-content-wp-label {
  color: #333333;
}

.card-wp-primary-light .text-wp-hover,
.card-wp-primary-light .card-header-wp-hover,
.card-wp-primary-light .card-title-wp-hover,
.card-wp-primary-light .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-primary-light .text-wp-hover-dark,
.card-wp-primary-light .card-header-wp-hover-dark,
.card-wp-primary-light .card-title-wp-hover-dark,
.card-wp-primary-light .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-primary-light .text-wp-bgcard,
.card-wp-primary-light .card-header-wp-bgcard,
.card-wp-primary-light .card-title-wp-bgcard,
.card-wp-primary-light .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-primary-light .text-wp-bgcard2,
.card-wp-primary-light .card-header-wp-bgcard2,
.card-wp-primary-light .card-title-wp-bgcard2,
.card-wp-primary-light .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-primary-light .text-wp-bglabel,
.card-wp-primary-light .card-header-wp-bglabel,
.card-wp-primary-light .card-title-wp-bglabel,
.card-wp-primary-light .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-primary-light .text-wp-primary-light,
.card-wp-primary-light .card-header-wp-primary-light,
.card-wp-primary-light .card-title-wp-primary-light,
.card-wp-primary-light .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-primary-light .text-wp-bgicon,
.card-wp-primary-light .card-header-wp-bgicon,
.card-wp-primary-light .card-title-wp-bgicon,
.card-wp-primary-light .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-primary-light .text-wp-primary-text,
.card-wp-primary-light .card-header-wp-primary-text,
.card-wp-primary-light .card-title-wp-primary-text,
.card-wp-primary-light .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-primary-light .text-wp-white,
.card-wp-primary-light .card-header-wp-white,
.card-wp-primary-light .card-title-wp-white,
.card-wp-primary-light .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-primary-light .text-wp-success,
.card-wp-primary-light .card-header-wp-success,
.card-wp-primary-light .card-title-wp-success,
.card-wp-primary-light .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-primary-light .text-wp-info,
.card-wp-primary-light .card-header-wp-info,
.card-wp-primary-light .card-title-wp-info,
.card-wp-primary-light .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-primary-light .text-wp-warning,
.card-wp-primary-light .card-header-wp-warning,
.card-wp-primary-light .card-title-wp-warning,
.card-wp-primary-light .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-primary-light .text-wp-danger,
.card-wp-primary-light .card-header-wp-danger,
.card-wp-primary-light .card-title-wp-danger,
.card-wp-primary-light .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-primary-light .text-wp-tam,
.card-wp-primary-light .card-header-wp-tam,
.card-wp-primary-light .card-title-wp-tam,
.card-wp-primary-light .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-primary-light,
.card-title-wp-primary-light,
.card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp .text-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.card-wp-bgicon .card-header-wp,
.card-wp-bgicon .card-title-wp,
.card-wp-bgicon .card-content-wp,
.card-wp-bgicon h1,
.card-wp-bgicon h2,
.card-wp-bgicon h3,
.card-wp-bgicon h4,
.card-wp-bgicon h5,
.card-wp-bgicon h6,
.card-wp-bgicon p {
  color: #000;
}

.card-wp-bgicon .text-wp-primary,
.card-wp-bgicon .card-header-wp-primary,
.card-wp-bgicon .card-title-wp-primary,
.card-wp-bgicon .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-bgicon .text-wp-secondary,
.card-wp-bgicon .card-header-wp-secondary,
.card-wp-bgicon .card-title-wp-secondary,
.card-wp-bgicon .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-bgicon .text-wp-danger-low,
.card-wp-bgicon .card-header-wp-danger-low,
.card-wp-bgicon .card-title-wp-danger-low,
.card-wp-bgicon .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-bgicon .text-wp-light,
.card-wp-bgicon .card-header-wp-light,
.card-wp-bgicon .card-title-wp-light,
.card-wp-bgicon .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-bgicon .text-wp-dark,
.card-wp-bgicon .card-header-wp-dark,
.card-wp-bgicon .card-title-wp-dark,
.card-wp-bgicon .card-content-wp-dark {
  color: #222;
}

.card-wp-bgicon .text-wp-favorite,
.card-wp-bgicon .card-header-wp-favorite,
.card-wp-bgicon .card-title-wp-favorite,
.card-wp-bgicon .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-bgicon .text-wp-darkgrey,
.card-wp-bgicon .card-header-wp-darkgrey,
.card-wp-bgicon .card-title-wp-darkgrey,
.card-wp-bgicon .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-bgicon .text-wp-emerald,
.card-wp-bgicon .card-header-wp-emerald,
.card-wp-bgicon .card-title-wp-emerald,
.card-wp-bgicon .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-bgicon .text-wp-concrete,
.card-wp-bgicon .card-header-wp-concrete,
.card-wp-bgicon .card-title-wp-concrete,
.card-wp-bgicon .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-bgicon .text-wp-yellow,
.card-wp-bgicon .card-header-wp-yellow,
.card-wp-bgicon .card-title-wp-yellow,
.card-wp-bgicon .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-bgicon .text-wp-black,
.card-wp-bgicon .card-header-wp-black,
.card-wp-bgicon .card-title-wp-black,
.card-wp-bgicon .card-content-wp-black {
  color: #000000;
}

.card-wp-bgicon .text-wp-grey,
.card-wp-bgicon .card-header-wp-grey,
.card-wp-bgicon .card-title-wp-grey,
.card-wp-bgicon .card-content-wp-grey {
  color: #808080;
}

.card-wp-bgicon .text-wp-red,
.card-wp-bgicon .card-header-wp-red,
.card-wp-bgicon .card-title-wp-red,
.card-wp-bgicon .card-content-wp-red {
  color: #ed4956;
}

.card-wp-bgicon .text-wp-notif,
.card-wp-bgicon .card-header-wp-notif,
.card-wp-bgicon .card-title-wp-notif,
.card-wp-bgicon .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-bgicon .text-wp-new-badge,
.card-wp-bgicon .card-header-wp-new-badge,
.card-wp-bgicon .card-title-wp-new-badge,
.card-wp-bgicon .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-bgicon .text-wp-accent,
.card-wp-bgicon .card-header-wp-accent,
.card-wp-bgicon .card-title-wp-accent,
.card-wp-bgicon .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-bgicon .text-wp-skeleton,
.card-wp-bgicon .card-header-wp-skeleton,
.card-wp-bgicon .card-title-wp-skeleton,
.card-wp-bgicon .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-bgicon .text-wp-outline,
.card-wp-bgicon .card-header-wp-outline,
.card-wp-bgicon .card-title-wp-outline,
.card-wp-bgicon .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-bgicon .text-wp-secondary-text,
.card-wp-bgicon .card-header-wp-secondary-text,
.card-wp-bgicon .card-title-wp-secondary-text,
.card-wp-bgicon .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-bgicon .text-wp-text,
.card-wp-bgicon .card-header-wp-text,
.card-wp-bgicon .card-title-wp-text,
.card-wp-bgicon .card-content-wp-text {
  color: #192528;
}

.card-wp-bgicon .text-wp-label,
.card-wp-bgicon .card-header-wp-label,
.card-wp-bgicon .card-title-wp-label,
.card-wp-bgicon .card-content-wp-label {
  color: #333333;
}

.card-wp-bgicon .text-wp-hover,
.card-wp-bgicon .card-header-wp-hover,
.card-wp-bgicon .card-title-wp-hover,
.card-wp-bgicon .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-bgicon .text-wp-hover-dark,
.card-wp-bgicon .card-header-wp-hover-dark,
.card-wp-bgicon .card-title-wp-hover-dark,
.card-wp-bgicon .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-bgicon .text-wp-bgcard,
.card-wp-bgicon .card-header-wp-bgcard,
.card-wp-bgicon .card-title-wp-bgcard,
.card-wp-bgicon .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-bgicon .text-wp-bgcard2,
.card-wp-bgicon .card-header-wp-bgcard2,
.card-wp-bgicon .card-title-wp-bgcard2,
.card-wp-bgicon .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-bgicon .text-wp-bglabel,
.card-wp-bgicon .card-header-wp-bglabel,
.card-wp-bgicon .card-title-wp-bglabel,
.card-wp-bgicon .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-bgicon .text-wp-primary-light,
.card-wp-bgicon .card-header-wp-primary-light,
.card-wp-bgicon .card-title-wp-primary-light,
.card-wp-bgicon .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-bgicon .text-wp-bgicon,
.card-wp-bgicon .card-header-wp-bgicon,
.card-wp-bgicon .card-title-wp-bgicon,
.card-wp-bgicon .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-bgicon .text-wp-primary-text,
.card-wp-bgicon .card-header-wp-primary-text,
.card-wp-bgicon .card-title-wp-primary-text,
.card-wp-bgicon .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-bgicon .text-wp-white,
.card-wp-bgicon .card-header-wp-white,
.card-wp-bgicon .card-title-wp-white,
.card-wp-bgicon .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-bgicon .text-wp-success,
.card-wp-bgicon .card-header-wp-success,
.card-wp-bgicon .card-title-wp-success,
.card-wp-bgicon .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-bgicon .text-wp-info,
.card-wp-bgicon .card-header-wp-info,
.card-wp-bgicon .card-title-wp-info,
.card-wp-bgicon .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-bgicon .text-wp-warning,
.card-wp-bgicon .card-header-wp-warning,
.card-wp-bgicon .card-title-wp-warning,
.card-wp-bgicon .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-bgicon .text-wp-danger,
.card-wp-bgicon .card-header-wp-danger,
.card-wp-bgicon .card-title-wp-danger,
.card-wp-bgicon .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-bgicon .text-wp-tam,
.card-wp-bgicon .card-header-wp-tam,
.card-wp-bgicon .card-title-wp-tam,
.card-wp-bgicon .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-bgicon,
.card-title-wp-bgicon,
.card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp .text-wp-primary-text {
  color: #189dae;
}

.card-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.card-wp-primary-text .card-header-wp,
.card-wp-primary-text .card-title-wp,
.card-wp-primary-text .card-content-wp,
.card-wp-primary-text h1,
.card-wp-primary-text h2,
.card-wp-primary-text h3,
.card-wp-primary-text h4,
.card-wp-primary-text h5,
.card-wp-primary-text h6,
.card-wp-primary-text p {
  color: #fff;
}

.card-wp-primary-text .text-wp-primary,
.card-wp-primary-text .card-header-wp-primary,
.card-wp-primary-text .card-title-wp-primary,
.card-wp-primary-text .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-primary-text .text-wp-secondary,
.card-wp-primary-text .card-header-wp-secondary,
.card-wp-primary-text .card-title-wp-secondary,
.card-wp-primary-text .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-primary-text .text-wp-danger-low,
.card-wp-primary-text .card-header-wp-danger-low,
.card-wp-primary-text .card-title-wp-danger-low,
.card-wp-primary-text .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-primary-text .text-wp-light,
.card-wp-primary-text .card-header-wp-light,
.card-wp-primary-text .card-title-wp-light,
.card-wp-primary-text .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-primary-text .text-wp-dark,
.card-wp-primary-text .card-header-wp-dark,
.card-wp-primary-text .card-title-wp-dark,
.card-wp-primary-text .card-content-wp-dark {
  color: #222;
}

.card-wp-primary-text .text-wp-favorite,
.card-wp-primary-text .card-header-wp-favorite,
.card-wp-primary-text .card-title-wp-favorite,
.card-wp-primary-text .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-primary-text .text-wp-darkgrey,
.card-wp-primary-text .card-header-wp-darkgrey,
.card-wp-primary-text .card-title-wp-darkgrey,
.card-wp-primary-text .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-primary-text .text-wp-emerald,
.card-wp-primary-text .card-header-wp-emerald,
.card-wp-primary-text .card-title-wp-emerald,
.card-wp-primary-text .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-primary-text .text-wp-concrete,
.card-wp-primary-text .card-header-wp-concrete,
.card-wp-primary-text .card-title-wp-concrete,
.card-wp-primary-text .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-primary-text .text-wp-yellow,
.card-wp-primary-text .card-header-wp-yellow,
.card-wp-primary-text .card-title-wp-yellow,
.card-wp-primary-text .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-primary-text .text-wp-black,
.card-wp-primary-text .card-header-wp-black,
.card-wp-primary-text .card-title-wp-black,
.card-wp-primary-text .card-content-wp-black {
  color: #000000;
}

.card-wp-primary-text .text-wp-grey,
.card-wp-primary-text .card-header-wp-grey,
.card-wp-primary-text .card-title-wp-grey,
.card-wp-primary-text .card-content-wp-grey {
  color: #808080;
}

.card-wp-primary-text .text-wp-red,
.card-wp-primary-text .card-header-wp-red,
.card-wp-primary-text .card-title-wp-red,
.card-wp-primary-text .card-content-wp-red {
  color: #ed4956;
}

.card-wp-primary-text .text-wp-notif,
.card-wp-primary-text .card-header-wp-notif,
.card-wp-primary-text .card-title-wp-notif,
.card-wp-primary-text .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-primary-text .text-wp-new-badge,
.card-wp-primary-text .card-header-wp-new-badge,
.card-wp-primary-text .card-title-wp-new-badge,
.card-wp-primary-text .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-primary-text .text-wp-accent,
.card-wp-primary-text .card-header-wp-accent,
.card-wp-primary-text .card-title-wp-accent,
.card-wp-primary-text .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-primary-text .text-wp-skeleton,
.card-wp-primary-text .card-header-wp-skeleton,
.card-wp-primary-text .card-title-wp-skeleton,
.card-wp-primary-text .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-primary-text .text-wp-outline,
.card-wp-primary-text .card-header-wp-outline,
.card-wp-primary-text .card-title-wp-outline,
.card-wp-primary-text .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-primary-text .text-wp-secondary-text,
.card-wp-primary-text .card-header-wp-secondary-text,
.card-wp-primary-text .card-title-wp-secondary-text,
.card-wp-primary-text .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-primary-text .text-wp-text,
.card-wp-primary-text .card-header-wp-text,
.card-wp-primary-text .card-title-wp-text,
.card-wp-primary-text .card-content-wp-text {
  color: #192528;
}

.card-wp-primary-text .text-wp-label,
.card-wp-primary-text .card-header-wp-label,
.card-wp-primary-text .card-title-wp-label,
.card-wp-primary-text .card-content-wp-label {
  color: #333333;
}

.card-wp-primary-text .text-wp-hover,
.card-wp-primary-text .card-header-wp-hover,
.card-wp-primary-text .card-title-wp-hover,
.card-wp-primary-text .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-primary-text .text-wp-hover-dark,
.card-wp-primary-text .card-header-wp-hover-dark,
.card-wp-primary-text .card-title-wp-hover-dark,
.card-wp-primary-text .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-primary-text .text-wp-bgcard,
.card-wp-primary-text .card-header-wp-bgcard,
.card-wp-primary-text .card-title-wp-bgcard,
.card-wp-primary-text .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-primary-text .text-wp-bgcard2,
.card-wp-primary-text .card-header-wp-bgcard2,
.card-wp-primary-text .card-title-wp-bgcard2,
.card-wp-primary-text .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-primary-text .text-wp-bglabel,
.card-wp-primary-text .card-header-wp-bglabel,
.card-wp-primary-text .card-title-wp-bglabel,
.card-wp-primary-text .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-primary-text .text-wp-primary-light,
.card-wp-primary-text .card-header-wp-primary-light,
.card-wp-primary-text .card-title-wp-primary-light,
.card-wp-primary-text .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-primary-text .text-wp-bgicon,
.card-wp-primary-text .card-header-wp-bgicon,
.card-wp-primary-text .card-title-wp-bgicon,
.card-wp-primary-text .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-primary-text .text-wp-primary-text,
.card-wp-primary-text .card-header-wp-primary-text,
.card-wp-primary-text .card-title-wp-primary-text,
.card-wp-primary-text .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-primary-text .text-wp-white,
.card-wp-primary-text .card-header-wp-white,
.card-wp-primary-text .card-title-wp-white,
.card-wp-primary-text .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-primary-text .text-wp-success,
.card-wp-primary-text .card-header-wp-success,
.card-wp-primary-text .card-title-wp-success,
.card-wp-primary-text .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-primary-text .text-wp-info,
.card-wp-primary-text .card-header-wp-info,
.card-wp-primary-text .card-title-wp-info,
.card-wp-primary-text .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-primary-text .text-wp-warning,
.card-wp-primary-text .card-header-wp-warning,
.card-wp-primary-text .card-title-wp-warning,
.card-wp-primary-text .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-primary-text .text-wp-danger,
.card-wp-primary-text .card-header-wp-danger,
.card-wp-primary-text .card-title-wp-danger,
.card-wp-primary-text .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-primary-text .text-wp-tam,
.card-wp-primary-text .card-header-wp-tam,
.card-wp-primary-text .card-title-wp-tam,
.card-wp-primary-text .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-primary-text,
.card-title-wp-primary-text,
.card-content-wp-primary-text {
  color: #189dae;
}

.card-wp .text-wp-white {
  color: #FFFFFF;
}

.card-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.card-wp-white .card-header-wp,
.card-wp-white .card-title-wp,
.card-wp-white .card-content-wp,
.card-wp-white h1,
.card-wp-white h2,
.card-wp-white h3,
.card-wp-white h4,
.card-wp-white h5,
.card-wp-white h6,
.card-wp-white p {
  color: #000;
}

.card-wp-white .text-wp-primary,
.card-wp-white .card-header-wp-primary,
.card-wp-white .card-title-wp-primary,
.card-wp-white .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-white .text-wp-secondary,
.card-wp-white .card-header-wp-secondary,
.card-wp-white .card-title-wp-secondary,
.card-wp-white .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-white .text-wp-danger-low,
.card-wp-white .card-header-wp-danger-low,
.card-wp-white .card-title-wp-danger-low,
.card-wp-white .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-white .text-wp-light,
.card-wp-white .card-header-wp-light,
.card-wp-white .card-title-wp-light,
.card-wp-white .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-white .text-wp-dark,
.card-wp-white .card-header-wp-dark,
.card-wp-white .card-title-wp-dark,
.card-wp-white .card-content-wp-dark {
  color: #222;
}

.card-wp-white .text-wp-favorite,
.card-wp-white .card-header-wp-favorite,
.card-wp-white .card-title-wp-favorite,
.card-wp-white .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-white .text-wp-darkgrey,
.card-wp-white .card-header-wp-darkgrey,
.card-wp-white .card-title-wp-darkgrey,
.card-wp-white .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-white .text-wp-emerald,
.card-wp-white .card-header-wp-emerald,
.card-wp-white .card-title-wp-emerald,
.card-wp-white .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-white .text-wp-concrete,
.card-wp-white .card-header-wp-concrete,
.card-wp-white .card-title-wp-concrete,
.card-wp-white .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-white .text-wp-yellow,
.card-wp-white .card-header-wp-yellow,
.card-wp-white .card-title-wp-yellow,
.card-wp-white .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-white .text-wp-black,
.card-wp-white .card-header-wp-black,
.card-wp-white .card-title-wp-black,
.card-wp-white .card-content-wp-black {
  color: #000000;
}

.card-wp-white .text-wp-grey,
.card-wp-white .card-header-wp-grey,
.card-wp-white .card-title-wp-grey,
.card-wp-white .card-content-wp-grey {
  color: #808080;
}

.card-wp-white .text-wp-red,
.card-wp-white .card-header-wp-red,
.card-wp-white .card-title-wp-red,
.card-wp-white .card-content-wp-red {
  color: #ed4956;
}

.card-wp-white .text-wp-notif,
.card-wp-white .card-header-wp-notif,
.card-wp-white .card-title-wp-notif,
.card-wp-white .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-white .text-wp-new-badge,
.card-wp-white .card-header-wp-new-badge,
.card-wp-white .card-title-wp-new-badge,
.card-wp-white .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-white .text-wp-accent,
.card-wp-white .card-header-wp-accent,
.card-wp-white .card-title-wp-accent,
.card-wp-white .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-white .text-wp-skeleton,
.card-wp-white .card-header-wp-skeleton,
.card-wp-white .card-title-wp-skeleton,
.card-wp-white .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-white .text-wp-outline,
.card-wp-white .card-header-wp-outline,
.card-wp-white .card-title-wp-outline,
.card-wp-white .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-white .text-wp-secondary-text,
.card-wp-white .card-header-wp-secondary-text,
.card-wp-white .card-title-wp-secondary-text,
.card-wp-white .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-white .text-wp-text,
.card-wp-white .card-header-wp-text,
.card-wp-white .card-title-wp-text,
.card-wp-white .card-content-wp-text {
  color: #192528;
}

.card-wp-white .text-wp-label,
.card-wp-white .card-header-wp-label,
.card-wp-white .card-title-wp-label,
.card-wp-white .card-content-wp-label {
  color: #333333;
}

.card-wp-white .text-wp-hover,
.card-wp-white .card-header-wp-hover,
.card-wp-white .card-title-wp-hover,
.card-wp-white .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-white .text-wp-hover-dark,
.card-wp-white .card-header-wp-hover-dark,
.card-wp-white .card-title-wp-hover-dark,
.card-wp-white .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-white .text-wp-bgcard,
.card-wp-white .card-header-wp-bgcard,
.card-wp-white .card-title-wp-bgcard,
.card-wp-white .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-white .text-wp-bgcard2,
.card-wp-white .card-header-wp-bgcard2,
.card-wp-white .card-title-wp-bgcard2,
.card-wp-white .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-white .text-wp-bglabel,
.card-wp-white .card-header-wp-bglabel,
.card-wp-white .card-title-wp-bglabel,
.card-wp-white .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-white .text-wp-primary-light,
.card-wp-white .card-header-wp-primary-light,
.card-wp-white .card-title-wp-primary-light,
.card-wp-white .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-white .text-wp-bgicon,
.card-wp-white .card-header-wp-bgicon,
.card-wp-white .card-title-wp-bgicon,
.card-wp-white .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-white .text-wp-primary-text,
.card-wp-white .card-header-wp-primary-text,
.card-wp-white .card-title-wp-primary-text,
.card-wp-white .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-white .text-wp-white,
.card-wp-white .card-header-wp-white,
.card-wp-white .card-title-wp-white,
.card-wp-white .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-white .text-wp-success,
.card-wp-white .card-header-wp-success,
.card-wp-white .card-title-wp-success,
.card-wp-white .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-white .text-wp-info,
.card-wp-white .card-header-wp-info,
.card-wp-white .card-title-wp-info,
.card-wp-white .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-white .text-wp-warning,
.card-wp-white .card-header-wp-warning,
.card-wp-white .card-title-wp-warning,
.card-wp-white .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-white .text-wp-danger,
.card-wp-white .card-header-wp-danger,
.card-wp-white .card-title-wp-danger,
.card-wp-white .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-white .text-wp-tam,
.card-wp-white .card-header-wp-tam,
.card-wp-white .card-title-wp-tam,
.card-wp-white .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-white,
.card-title-wp-white,
.card-content-wp-white {
  color: #FFFFFF;
}

.card-wp .text-wp-success {
  color: #2BB34D;
}

.card-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.card-wp-success .card-header-wp,
.card-wp-success .card-title-wp,
.card-wp-success .card-content-wp,
.card-wp-success h1,
.card-wp-success h2,
.card-wp-success h3,
.card-wp-success h4,
.card-wp-success h5,
.card-wp-success h6,
.card-wp-success p {
  color: #fff;
}

.card-wp-success .text-wp-primary,
.card-wp-success .card-header-wp-primary,
.card-wp-success .card-title-wp-primary,
.card-wp-success .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-success .text-wp-secondary,
.card-wp-success .card-header-wp-secondary,
.card-wp-success .card-title-wp-secondary,
.card-wp-success .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-success .text-wp-danger-low,
.card-wp-success .card-header-wp-danger-low,
.card-wp-success .card-title-wp-danger-low,
.card-wp-success .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-success .text-wp-light,
.card-wp-success .card-header-wp-light,
.card-wp-success .card-title-wp-light,
.card-wp-success .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-success .text-wp-dark,
.card-wp-success .card-header-wp-dark,
.card-wp-success .card-title-wp-dark,
.card-wp-success .card-content-wp-dark {
  color: #222;
}

.card-wp-success .text-wp-favorite,
.card-wp-success .card-header-wp-favorite,
.card-wp-success .card-title-wp-favorite,
.card-wp-success .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-success .text-wp-darkgrey,
.card-wp-success .card-header-wp-darkgrey,
.card-wp-success .card-title-wp-darkgrey,
.card-wp-success .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-success .text-wp-emerald,
.card-wp-success .card-header-wp-emerald,
.card-wp-success .card-title-wp-emerald,
.card-wp-success .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-success .text-wp-concrete,
.card-wp-success .card-header-wp-concrete,
.card-wp-success .card-title-wp-concrete,
.card-wp-success .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-success .text-wp-yellow,
.card-wp-success .card-header-wp-yellow,
.card-wp-success .card-title-wp-yellow,
.card-wp-success .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-success .text-wp-black,
.card-wp-success .card-header-wp-black,
.card-wp-success .card-title-wp-black,
.card-wp-success .card-content-wp-black {
  color: #000000;
}

.card-wp-success .text-wp-grey,
.card-wp-success .card-header-wp-grey,
.card-wp-success .card-title-wp-grey,
.card-wp-success .card-content-wp-grey {
  color: #808080;
}

.card-wp-success .text-wp-red,
.card-wp-success .card-header-wp-red,
.card-wp-success .card-title-wp-red,
.card-wp-success .card-content-wp-red {
  color: #ed4956;
}

.card-wp-success .text-wp-notif,
.card-wp-success .card-header-wp-notif,
.card-wp-success .card-title-wp-notif,
.card-wp-success .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-success .text-wp-new-badge,
.card-wp-success .card-header-wp-new-badge,
.card-wp-success .card-title-wp-new-badge,
.card-wp-success .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-success .text-wp-accent,
.card-wp-success .card-header-wp-accent,
.card-wp-success .card-title-wp-accent,
.card-wp-success .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-success .text-wp-skeleton,
.card-wp-success .card-header-wp-skeleton,
.card-wp-success .card-title-wp-skeleton,
.card-wp-success .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-success .text-wp-outline,
.card-wp-success .card-header-wp-outline,
.card-wp-success .card-title-wp-outline,
.card-wp-success .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-success .text-wp-secondary-text,
.card-wp-success .card-header-wp-secondary-text,
.card-wp-success .card-title-wp-secondary-text,
.card-wp-success .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-success .text-wp-text,
.card-wp-success .card-header-wp-text,
.card-wp-success .card-title-wp-text,
.card-wp-success .card-content-wp-text {
  color: #192528;
}

.card-wp-success .text-wp-label,
.card-wp-success .card-header-wp-label,
.card-wp-success .card-title-wp-label,
.card-wp-success .card-content-wp-label {
  color: #333333;
}

.card-wp-success .text-wp-hover,
.card-wp-success .card-header-wp-hover,
.card-wp-success .card-title-wp-hover,
.card-wp-success .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-success .text-wp-hover-dark,
.card-wp-success .card-header-wp-hover-dark,
.card-wp-success .card-title-wp-hover-dark,
.card-wp-success .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-success .text-wp-bgcard,
.card-wp-success .card-header-wp-bgcard,
.card-wp-success .card-title-wp-bgcard,
.card-wp-success .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-success .text-wp-bgcard2,
.card-wp-success .card-header-wp-bgcard2,
.card-wp-success .card-title-wp-bgcard2,
.card-wp-success .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-success .text-wp-bglabel,
.card-wp-success .card-header-wp-bglabel,
.card-wp-success .card-title-wp-bglabel,
.card-wp-success .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-success .text-wp-primary-light,
.card-wp-success .card-header-wp-primary-light,
.card-wp-success .card-title-wp-primary-light,
.card-wp-success .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-success .text-wp-bgicon,
.card-wp-success .card-header-wp-bgicon,
.card-wp-success .card-title-wp-bgicon,
.card-wp-success .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-success .text-wp-primary-text,
.card-wp-success .card-header-wp-primary-text,
.card-wp-success .card-title-wp-primary-text,
.card-wp-success .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-success .text-wp-white,
.card-wp-success .card-header-wp-white,
.card-wp-success .card-title-wp-white,
.card-wp-success .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-success .text-wp-success,
.card-wp-success .card-header-wp-success,
.card-wp-success .card-title-wp-success,
.card-wp-success .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-success .text-wp-info,
.card-wp-success .card-header-wp-info,
.card-wp-success .card-title-wp-info,
.card-wp-success .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-success .text-wp-warning,
.card-wp-success .card-header-wp-warning,
.card-wp-success .card-title-wp-warning,
.card-wp-success .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-success .text-wp-danger,
.card-wp-success .card-header-wp-danger,
.card-wp-success .card-title-wp-danger,
.card-wp-success .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-success .text-wp-tam,
.card-wp-success .card-header-wp-tam,
.card-wp-success .card-title-wp-tam,
.card-wp-success .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-success,
.card-title-wp-success,
.card-content-wp-success {
  color: #2BB34D;
}

.card-wp .text-wp-info {
  color: #1A73E8;
}

.card-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.card-wp-info .card-header-wp,
.card-wp-info .card-title-wp,
.card-wp-info .card-content-wp,
.card-wp-info h1,
.card-wp-info h2,
.card-wp-info h3,
.card-wp-info h4,
.card-wp-info h5,
.card-wp-info h6,
.card-wp-info p {
  color: #fff;
}

.card-wp-info .text-wp-primary,
.card-wp-info .card-header-wp-primary,
.card-wp-info .card-title-wp-primary,
.card-wp-info .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-info .text-wp-secondary,
.card-wp-info .card-header-wp-secondary,
.card-wp-info .card-title-wp-secondary,
.card-wp-info .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-info .text-wp-danger-low,
.card-wp-info .card-header-wp-danger-low,
.card-wp-info .card-title-wp-danger-low,
.card-wp-info .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-info .text-wp-light,
.card-wp-info .card-header-wp-light,
.card-wp-info .card-title-wp-light,
.card-wp-info .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-info .text-wp-dark,
.card-wp-info .card-header-wp-dark,
.card-wp-info .card-title-wp-dark,
.card-wp-info .card-content-wp-dark {
  color: #222;
}

.card-wp-info .text-wp-favorite,
.card-wp-info .card-header-wp-favorite,
.card-wp-info .card-title-wp-favorite,
.card-wp-info .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-info .text-wp-darkgrey,
.card-wp-info .card-header-wp-darkgrey,
.card-wp-info .card-title-wp-darkgrey,
.card-wp-info .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-info .text-wp-emerald,
.card-wp-info .card-header-wp-emerald,
.card-wp-info .card-title-wp-emerald,
.card-wp-info .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-info .text-wp-concrete,
.card-wp-info .card-header-wp-concrete,
.card-wp-info .card-title-wp-concrete,
.card-wp-info .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-info .text-wp-yellow,
.card-wp-info .card-header-wp-yellow,
.card-wp-info .card-title-wp-yellow,
.card-wp-info .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-info .text-wp-black,
.card-wp-info .card-header-wp-black,
.card-wp-info .card-title-wp-black,
.card-wp-info .card-content-wp-black {
  color: #000000;
}

.card-wp-info .text-wp-grey,
.card-wp-info .card-header-wp-grey,
.card-wp-info .card-title-wp-grey,
.card-wp-info .card-content-wp-grey {
  color: #808080;
}

.card-wp-info .text-wp-red,
.card-wp-info .card-header-wp-red,
.card-wp-info .card-title-wp-red,
.card-wp-info .card-content-wp-red {
  color: #ed4956;
}

.card-wp-info .text-wp-notif,
.card-wp-info .card-header-wp-notif,
.card-wp-info .card-title-wp-notif,
.card-wp-info .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-info .text-wp-new-badge,
.card-wp-info .card-header-wp-new-badge,
.card-wp-info .card-title-wp-new-badge,
.card-wp-info .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-info .text-wp-accent,
.card-wp-info .card-header-wp-accent,
.card-wp-info .card-title-wp-accent,
.card-wp-info .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-info .text-wp-skeleton,
.card-wp-info .card-header-wp-skeleton,
.card-wp-info .card-title-wp-skeleton,
.card-wp-info .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-info .text-wp-outline,
.card-wp-info .card-header-wp-outline,
.card-wp-info .card-title-wp-outline,
.card-wp-info .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-info .text-wp-secondary-text,
.card-wp-info .card-header-wp-secondary-text,
.card-wp-info .card-title-wp-secondary-text,
.card-wp-info .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-info .text-wp-text,
.card-wp-info .card-header-wp-text,
.card-wp-info .card-title-wp-text,
.card-wp-info .card-content-wp-text {
  color: #192528;
}

.card-wp-info .text-wp-label,
.card-wp-info .card-header-wp-label,
.card-wp-info .card-title-wp-label,
.card-wp-info .card-content-wp-label {
  color: #333333;
}

.card-wp-info .text-wp-hover,
.card-wp-info .card-header-wp-hover,
.card-wp-info .card-title-wp-hover,
.card-wp-info .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-info .text-wp-hover-dark,
.card-wp-info .card-header-wp-hover-dark,
.card-wp-info .card-title-wp-hover-dark,
.card-wp-info .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-info .text-wp-bgcard,
.card-wp-info .card-header-wp-bgcard,
.card-wp-info .card-title-wp-bgcard,
.card-wp-info .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-info .text-wp-bgcard2,
.card-wp-info .card-header-wp-bgcard2,
.card-wp-info .card-title-wp-bgcard2,
.card-wp-info .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-info .text-wp-bglabel,
.card-wp-info .card-header-wp-bglabel,
.card-wp-info .card-title-wp-bglabel,
.card-wp-info .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-info .text-wp-primary-light,
.card-wp-info .card-header-wp-primary-light,
.card-wp-info .card-title-wp-primary-light,
.card-wp-info .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-info .text-wp-bgicon,
.card-wp-info .card-header-wp-bgicon,
.card-wp-info .card-title-wp-bgicon,
.card-wp-info .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-info .text-wp-primary-text,
.card-wp-info .card-header-wp-primary-text,
.card-wp-info .card-title-wp-primary-text,
.card-wp-info .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-info .text-wp-white,
.card-wp-info .card-header-wp-white,
.card-wp-info .card-title-wp-white,
.card-wp-info .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-info .text-wp-success,
.card-wp-info .card-header-wp-success,
.card-wp-info .card-title-wp-success,
.card-wp-info .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-info .text-wp-info,
.card-wp-info .card-header-wp-info,
.card-wp-info .card-title-wp-info,
.card-wp-info .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-info .text-wp-warning,
.card-wp-info .card-header-wp-warning,
.card-wp-info .card-title-wp-warning,
.card-wp-info .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-info .text-wp-danger,
.card-wp-info .card-header-wp-danger,
.card-wp-info .card-title-wp-danger,
.card-wp-info .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-info .text-wp-tam,
.card-wp-info .card-header-wp-tam,
.card-wp-info .card-title-wp-tam,
.card-wp-info .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-info,
.card-title-wp-info,
.card-content-wp-info {
  color: #1A73E8;
}

.card-wp .text-wp-warning {
  color: #FFAB00;
}

.card-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.card-wp-warning .card-header-wp,
.card-wp-warning .card-title-wp,
.card-wp-warning .card-content-wp,
.card-wp-warning h1,
.card-wp-warning h2,
.card-wp-warning h3,
.card-wp-warning h4,
.card-wp-warning h5,
.card-wp-warning h6,
.card-wp-warning p {
  color: #fff;
}

.card-wp-warning .text-wp-primary,
.card-wp-warning .card-header-wp-primary,
.card-wp-warning .card-title-wp-primary,
.card-wp-warning .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-warning .text-wp-secondary,
.card-wp-warning .card-header-wp-secondary,
.card-wp-warning .card-title-wp-secondary,
.card-wp-warning .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-warning .text-wp-danger-low,
.card-wp-warning .card-header-wp-danger-low,
.card-wp-warning .card-title-wp-danger-low,
.card-wp-warning .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-warning .text-wp-light,
.card-wp-warning .card-header-wp-light,
.card-wp-warning .card-title-wp-light,
.card-wp-warning .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-warning .text-wp-dark,
.card-wp-warning .card-header-wp-dark,
.card-wp-warning .card-title-wp-dark,
.card-wp-warning .card-content-wp-dark {
  color: #222;
}

.card-wp-warning .text-wp-favorite,
.card-wp-warning .card-header-wp-favorite,
.card-wp-warning .card-title-wp-favorite,
.card-wp-warning .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-warning .text-wp-darkgrey,
.card-wp-warning .card-header-wp-darkgrey,
.card-wp-warning .card-title-wp-darkgrey,
.card-wp-warning .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-warning .text-wp-emerald,
.card-wp-warning .card-header-wp-emerald,
.card-wp-warning .card-title-wp-emerald,
.card-wp-warning .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-warning .text-wp-concrete,
.card-wp-warning .card-header-wp-concrete,
.card-wp-warning .card-title-wp-concrete,
.card-wp-warning .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-warning .text-wp-yellow,
.card-wp-warning .card-header-wp-yellow,
.card-wp-warning .card-title-wp-yellow,
.card-wp-warning .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-warning .text-wp-black,
.card-wp-warning .card-header-wp-black,
.card-wp-warning .card-title-wp-black,
.card-wp-warning .card-content-wp-black {
  color: #000000;
}

.card-wp-warning .text-wp-grey,
.card-wp-warning .card-header-wp-grey,
.card-wp-warning .card-title-wp-grey,
.card-wp-warning .card-content-wp-grey {
  color: #808080;
}

.card-wp-warning .text-wp-red,
.card-wp-warning .card-header-wp-red,
.card-wp-warning .card-title-wp-red,
.card-wp-warning .card-content-wp-red {
  color: #ed4956;
}

.card-wp-warning .text-wp-notif,
.card-wp-warning .card-header-wp-notif,
.card-wp-warning .card-title-wp-notif,
.card-wp-warning .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-warning .text-wp-new-badge,
.card-wp-warning .card-header-wp-new-badge,
.card-wp-warning .card-title-wp-new-badge,
.card-wp-warning .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-warning .text-wp-accent,
.card-wp-warning .card-header-wp-accent,
.card-wp-warning .card-title-wp-accent,
.card-wp-warning .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-warning .text-wp-skeleton,
.card-wp-warning .card-header-wp-skeleton,
.card-wp-warning .card-title-wp-skeleton,
.card-wp-warning .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-warning .text-wp-outline,
.card-wp-warning .card-header-wp-outline,
.card-wp-warning .card-title-wp-outline,
.card-wp-warning .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-warning .text-wp-secondary-text,
.card-wp-warning .card-header-wp-secondary-text,
.card-wp-warning .card-title-wp-secondary-text,
.card-wp-warning .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-warning .text-wp-text,
.card-wp-warning .card-header-wp-text,
.card-wp-warning .card-title-wp-text,
.card-wp-warning .card-content-wp-text {
  color: #192528;
}

.card-wp-warning .text-wp-label,
.card-wp-warning .card-header-wp-label,
.card-wp-warning .card-title-wp-label,
.card-wp-warning .card-content-wp-label {
  color: #333333;
}

.card-wp-warning .text-wp-hover,
.card-wp-warning .card-header-wp-hover,
.card-wp-warning .card-title-wp-hover,
.card-wp-warning .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-warning .text-wp-hover-dark,
.card-wp-warning .card-header-wp-hover-dark,
.card-wp-warning .card-title-wp-hover-dark,
.card-wp-warning .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-warning .text-wp-bgcard,
.card-wp-warning .card-header-wp-bgcard,
.card-wp-warning .card-title-wp-bgcard,
.card-wp-warning .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-warning .text-wp-bgcard2,
.card-wp-warning .card-header-wp-bgcard2,
.card-wp-warning .card-title-wp-bgcard2,
.card-wp-warning .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-warning .text-wp-bglabel,
.card-wp-warning .card-header-wp-bglabel,
.card-wp-warning .card-title-wp-bglabel,
.card-wp-warning .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-warning .text-wp-primary-light,
.card-wp-warning .card-header-wp-primary-light,
.card-wp-warning .card-title-wp-primary-light,
.card-wp-warning .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-warning .text-wp-bgicon,
.card-wp-warning .card-header-wp-bgicon,
.card-wp-warning .card-title-wp-bgicon,
.card-wp-warning .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-warning .text-wp-primary-text,
.card-wp-warning .card-header-wp-primary-text,
.card-wp-warning .card-title-wp-primary-text,
.card-wp-warning .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-warning .text-wp-white,
.card-wp-warning .card-header-wp-white,
.card-wp-warning .card-title-wp-white,
.card-wp-warning .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-warning .text-wp-success,
.card-wp-warning .card-header-wp-success,
.card-wp-warning .card-title-wp-success,
.card-wp-warning .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-warning .text-wp-info,
.card-wp-warning .card-header-wp-info,
.card-wp-warning .card-title-wp-info,
.card-wp-warning .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-warning .text-wp-warning,
.card-wp-warning .card-header-wp-warning,
.card-wp-warning .card-title-wp-warning,
.card-wp-warning .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-warning .text-wp-danger,
.card-wp-warning .card-header-wp-danger,
.card-wp-warning .card-title-wp-danger,
.card-wp-warning .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-warning .text-wp-tam,
.card-wp-warning .card-header-wp-tam,
.card-wp-warning .card-title-wp-tam,
.card-wp-warning .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-warning,
.card-title-wp-warning,
.card-content-wp-warning {
  color: #FFAB00;
}

.card-wp .text-wp-danger {
  color: #F0624D;
}

.card-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

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

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

.card-wp-danger .text-wp-danger-low,
.card-wp-danger .card-header-wp-danger-low,
.card-wp-danger .card-title-wp-danger-low,
.card-wp-danger .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-danger .text-wp-light,
.card-wp-danger .card-header-wp-light,
.card-wp-danger .card-title-wp-light,
.card-wp-danger .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-danger .text-wp-dark,
.card-wp-danger .card-header-wp-dark,
.card-wp-danger .card-title-wp-dark,
.card-wp-danger .card-content-wp-dark {
  color: #222;
}

.card-wp-danger .text-wp-favorite,
.card-wp-danger .card-header-wp-favorite,
.card-wp-danger .card-title-wp-favorite,
.card-wp-danger .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-danger .text-wp-darkgrey,
.card-wp-danger .card-header-wp-darkgrey,
.card-wp-danger .card-title-wp-darkgrey,
.card-wp-danger .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-danger .text-wp-emerald,
.card-wp-danger .card-header-wp-emerald,
.card-wp-danger .card-title-wp-emerald,
.card-wp-danger .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-danger .text-wp-concrete,
.card-wp-danger .card-header-wp-concrete,
.card-wp-danger .card-title-wp-concrete,
.card-wp-danger .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-danger .text-wp-yellow,
.card-wp-danger .card-header-wp-yellow,
.card-wp-danger .card-title-wp-yellow,
.card-wp-danger .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-danger .text-wp-black,
.card-wp-danger .card-header-wp-black,
.card-wp-danger .card-title-wp-black,
.card-wp-danger .card-content-wp-black {
  color: #000000;
}

.card-wp-danger .text-wp-grey,
.card-wp-danger .card-header-wp-grey,
.card-wp-danger .card-title-wp-grey,
.card-wp-danger .card-content-wp-grey {
  color: #808080;
}

.card-wp-danger .text-wp-red,
.card-wp-danger .card-header-wp-red,
.card-wp-danger .card-title-wp-red,
.card-wp-danger .card-content-wp-red {
  color: #ed4956;
}

.card-wp-danger .text-wp-notif,
.card-wp-danger .card-header-wp-notif,
.card-wp-danger .card-title-wp-notif,
.card-wp-danger .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-danger .text-wp-new-badge,
.card-wp-danger .card-header-wp-new-badge,
.card-wp-danger .card-title-wp-new-badge,
.card-wp-danger .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-danger .text-wp-accent,
.card-wp-danger .card-header-wp-accent,
.card-wp-danger .card-title-wp-accent,
.card-wp-danger .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-danger .text-wp-skeleton,
.card-wp-danger .card-header-wp-skeleton,
.card-wp-danger .card-title-wp-skeleton,
.card-wp-danger .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-danger .text-wp-outline,
.card-wp-danger .card-header-wp-outline,
.card-wp-danger .card-title-wp-outline,
.card-wp-danger .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-danger .text-wp-secondary-text,
.card-wp-danger .card-header-wp-secondary-text,
.card-wp-danger .card-title-wp-secondary-text,
.card-wp-danger .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-danger .text-wp-text,
.card-wp-danger .card-header-wp-text,
.card-wp-danger .card-title-wp-text,
.card-wp-danger .card-content-wp-text {
  color: #192528;
}

.card-wp-danger .text-wp-label,
.card-wp-danger .card-header-wp-label,
.card-wp-danger .card-title-wp-label,
.card-wp-danger .card-content-wp-label {
  color: #333333;
}

.card-wp-danger .text-wp-hover,
.card-wp-danger .card-header-wp-hover,
.card-wp-danger .card-title-wp-hover,
.card-wp-danger .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-danger .text-wp-hover-dark,
.card-wp-danger .card-header-wp-hover-dark,
.card-wp-danger .card-title-wp-hover-dark,
.card-wp-danger .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-danger .text-wp-bgcard,
.card-wp-danger .card-header-wp-bgcard,
.card-wp-danger .card-title-wp-bgcard,
.card-wp-danger .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-danger .text-wp-bgcard2,
.card-wp-danger .card-header-wp-bgcard2,
.card-wp-danger .card-title-wp-bgcard2,
.card-wp-danger .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-danger .text-wp-bglabel,
.card-wp-danger .card-header-wp-bglabel,
.card-wp-danger .card-title-wp-bglabel,
.card-wp-danger .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-danger .text-wp-primary-light,
.card-wp-danger .card-header-wp-primary-light,
.card-wp-danger .card-title-wp-primary-light,
.card-wp-danger .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-danger .text-wp-bgicon,
.card-wp-danger .card-header-wp-bgicon,
.card-wp-danger .card-title-wp-bgicon,
.card-wp-danger .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-danger .text-wp-primary-text,
.card-wp-danger .card-header-wp-primary-text,
.card-wp-danger .card-title-wp-primary-text,
.card-wp-danger .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-danger .text-wp-white,
.card-wp-danger .card-header-wp-white,
.card-wp-danger .card-title-wp-white,
.card-wp-danger .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-danger .text-wp-success,
.card-wp-danger .card-header-wp-success,
.card-wp-danger .card-title-wp-success,
.card-wp-danger .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-danger .text-wp-info,
.card-wp-danger .card-header-wp-info,
.card-wp-danger .card-title-wp-info,
.card-wp-danger .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-danger .text-wp-warning,
.card-wp-danger .card-header-wp-warning,
.card-wp-danger .card-title-wp-warning,
.card-wp-danger .card-content-wp-warning {
  color: #FFAB00;
}

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

.card-wp-danger .text-wp-tam,
.card-wp-danger .card-header-wp-tam,
.card-wp-danger .card-title-wp-tam,
.card-wp-danger .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-danger,
.card-title-wp-danger,
.card-content-wp-danger {
  color: #F0624D;
}

.card-wp .text-wp-tam {
  color: #CC0400;
}

.card-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.card-wp-tam .card-header-wp,
.card-wp-tam .card-title-wp,
.card-wp-tam .card-content-wp,
.card-wp-tam h1,
.card-wp-tam h2,
.card-wp-tam h3,
.card-wp-tam h4,
.card-wp-tam h5,
.card-wp-tam h6,
.card-wp-tam p {
  color: #fff;
}

.card-wp-tam .text-wp-primary,
.card-wp-tam .card-header-wp-primary,
.card-wp-tam .card-title-wp-primary,
.card-wp-tam .card-content-wp-primary {
  color: #F68A22;
}

.card-wp-tam .text-wp-secondary,
.card-wp-tam .card-header-wp-secondary,
.card-wp-tam .card-title-wp-secondary,
.card-wp-tam .card-content-wp-secondary {
  color: #63BEFB;
}

.card-wp-tam .text-wp-danger-low,
.card-wp-tam .card-header-wp-danger-low,
.card-wp-tam .card-title-wp-danger-low,
.card-wp-tam .card-content-wp-danger-low {
  color: #fb745e;
}

.card-wp-tam .text-wp-light,
.card-wp-tam .card-header-wp-light,
.card-wp-tam .card-title-wp-light,
.card-wp-tam .card-content-wp-light {
  color: #f4f4f4;
}

.card-wp-tam .text-wp-dark,
.card-wp-tam .card-header-wp-dark,
.card-wp-tam .card-title-wp-dark,
.card-wp-tam .card-content-wp-dark {
  color: #222;
}

.card-wp-tam .text-wp-favorite,
.card-wp-tam .card-header-wp-favorite,
.card-wp-tam .card-title-wp-favorite,
.card-wp-tam .card-content-wp-favorite {
  color: #39B44A;
}

.card-wp-tam .text-wp-darkgrey,
.card-wp-tam .card-header-wp-darkgrey,
.card-wp-tam .card-title-wp-darkgrey,
.card-wp-tam .card-content-wp-darkgrey {
  color: #8e9093;
}

.card-wp-tam .text-wp-emerald,
.card-wp-tam .card-header-wp-emerald,
.card-wp-tam .card-title-wp-emerald,
.card-wp-tam .card-content-wp-emerald {
  color: #3498db;
}

.card-wp-tam .text-wp-concrete,
.card-wp-tam .card-header-wp-concrete,
.card-wp-tam .card-title-wp-concrete,
.card-wp-tam .card-content-wp-concrete {
  color: #bdc3c7;
}

.card-wp-tam .text-wp-yellow,
.card-wp-tam .card-header-wp-yellow,
.card-wp-tam .card-title-wp-yellow,
.card-wp-tam .card-content-wp-yellow {
  color: #ffff00;
}

.card-wp-tam .text-wp-black,
.card-wp-tam .card-header-wp-black,
.card-wp-tam .card-title-wp-black,
.card-wp-tam .card-content-wp-black {
  color: #000000;
}

.card-wp-tam .text-wp-grey,
.card-wp-tam .card-header-wp-grey,
.card-wp-tam .card-title-wp-grey,
.card-wp-tam .card-content-wp-grey {
  color: #808080;
}

.card-wp-tam .text-wp-red,
.card-wp-tam .card-header-wp-red,
.card-wp-tam .card-title-wp-red,
.card-wp-tam .card-content-wp-red {
  color: #ed4956;
}

.card-wp-tam .text-wp-notif,
.card-wp-tam .card-header-wp-notif,
.card-wp-tam .card-title-wp-notif,
.card-wp-tam .card-content-wp-notif {
  color: #17DFC4;
}

.card-wp-tam .text-wp-new-badge,
.card-wp-tam .card-header-wp-new-badge,
.card-wp-tam .card-title-wp-new-badge,
.card-wp-tam .card-content-wp-new-badge {
  color: #63BEFB;
}

.card-wp-tam .text-wp-accent,
.card-wp-tam .card-header-wp-accent,
.card-wp-tam .card-title-wp-accent,
.card-wp-tam .card-content-wp-accent {
  color: #63BEFB;
}

.card-wp-tam .text-wp-skeleton,
.card-wp-tam .card-header-wp-skeleton,
.card-wp-tam .card-title-wp-skeleton,
.card-wp-tam .card-content-wp-skeleton {
  color: #dddddd;
}

.card-wp-tam .text-wp-outline,
.card-wp-tam .card-header-wp-outline,
.card-wp-tam .card-title-wp-outline,
.card-wp-tam .card-content-wp-outline {
  color: #dbdbe1;
}

.card-wp-tam .text-wp-secondary-text,
.card-wp-tam .card-header-wp-secondary-text,
.card-wp-tam .card-title-wp-secondary-text,
.card-wp-tam .card-content-wp-secondary-text {
  color: #A5B0B7;
}

.card-wp-tam .text-wp-text,
.card-wp-tam .card-header-wp-text,
.card-wp-tam .card-title-wp-text,
.card-wp-tam .card-content-wp-text {
  color: #192528;
}

.card-wp-tam .text-wp-label,
.card-wp-tam .card-header-wp-label,
.card-wp-tam .card-title-wp-label,
.card-wp-tam .card-content-wp-label {
  color: #333333;
}

.card-wp-tam .text-wp-hover,
.card-wp-tam .card-header-wp-hover,
.card-wp-tam .card-title-wp-hover,
.card-wp-tam .card-content-wp-hover {
  color: #eff2f4;
}

.card-wp-tam .text-wp-hover-dark,
.card-wp-tam .card-header-wp-hover-dark,
.card-wp-tam .card-title-wp-hover-dark,
.card-wp-tam .card-content-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.card-wp-tam .text-wp-bgcard,
.card-wp-tam .card-header-wp-bgcard,
.card-wp-tam .card-title-wp-bgcard,
.card-wp-tam .card-content-wp-bgcard {
  color: #f2f5f8;
}

.card-wp-tam .text-wp-bgcard2,
.card-wp-tam .card-header-wp-bgcard2,
.card-wp-tam .card-title-wp-bgcard2,
.card-wp-tam .card-content-wp-bgcard2 {
  color: #fcfcfc;
}

.card-wp-tam .text-wp-bglabel,
.card-wp-tam .card-header-wp-bglabel,
.card-wp-tam .card-title-wp-bglabel,
.card-wp-tam .card-content-wp-bglabel {
  color: #E2E9ED;
}

.card-wp-tam .text-wp-primary-light,
.card-wp-tam .card-header-wp-primary-light,
.card-wp-tam .card-title-wp-primary-light,
.card-wp-tam .card-content-wp-primary-light {
  color: #08b2be;
}

.card-wp-tam .text-wp-bgicon,
.card-wp-tam .card-header-wp-bgicon,
.card-wp-tam .card-title-wp-bgicon,
.card-wp-tam .card-content-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.card-wp-tam .text-wp-primary-text,
.card-wp-tam .card-header-wp-primary-text,
.card-wp-tam .card-title-wp-primary-text,
.card-wp-tam .card-content-wp-primary-text {
  color: #189dae;
}

.card-wp-tam .text-wp-white,
.card-wp-tam .card-header-wp-white,
.card-wp-tam .card-title-wp-white,
.card-wp-tam .card-content-wp-white {
  color: #FFFFFF;
}

.card-wp-tam .text-wp-success,
.card-wp-tam .card-header-wp-success,
.card-wp-tam .card-title-wp-success,
.card-wp-tam .card-content-wp-success {
  color: #2BB34D;
}

.card-wp-tam .text-wp-info,
.card-wp-tam .card-header-wp-info,
.card-wp-tam .card-title-wp-info,
.card-wp-tam .card-content-wp-info {
  color: #1A73E8;
}

.card-wp-tam .text-wp-warning,
.card-wp-tam .card-header-wp-warning,
.card-wp-tam .card-title-wp-warning,
.card-wp-tam .card-content-wp-warning {
  color: #FFAB00;
}

.card-wp-tam .text-wp-danger,
.card-wp-tam .card-header-wp-danger,
.card-wp-tam .card-title-wp-danger,
.card-wp-tam .card-content-wp-danger {
  color: #F0624D;
}

.card-wp-tam .text-wp-tam,
.card-wp-tam .card-header-wp-tam,
.card-wp-tam .card-title-wp-tam,
.card-wp-tam .card-content-wp-tam {
  color: #CC0400;
}

.card-header-wp-tam,
.card-title-wp-tam,
.card-content-wp-tam {
  color: #CC0400;
}

.checkbox-ios {
  position: relative;
  display: inline-block;
}

.checkbox-ios .checkbox-icon {
  border-radius: 3px;
  position: relative;
  width: 21px;
  height: 21px;
  border-width: 1px;
  border-style: solid;
  border-color: #c8c7cc;
  background-color: #fff;
}

.checkbox-ios .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

.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: #F68A22;
  background-color: #F68A22;
}

.checkbox-ios-primary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-secondary .checkbox-checked {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.checkbox-ios-secondary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-danger-low .checkbox-checked {
  border-color: #fb745e;
  background-color: #fb745e;
}

.checkbox-ios-danger-low .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-light .checkbox-checked {
  border-color: #f4f4f4;
  background-color: #f4f4f4;
}

.checkbox-ios-light .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-dark .checkbox-checked {
  border-color: #222;
  background-color: #222;
}

.checkbox-ios-dark .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-favorite .checkbox-checked {
  border-color: #39B44A;
  background-color: #39B44A;
}

.checkbox-ios-favorite .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-darkgrey .checkbox-checked {
  border-color: #8e9093;
  background-color: #8e9093;
}

.checkbox-ios-darkgrey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-emerald .checkbox-checked {
  border-color: #3498db;
  background-color: #3498db;
}

.checkbox-ios-emerald .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-concrete .checkbox-checked {
  border-color: #bdc3c7;
  background-color: #bdc3c7;
}

.checkbox-ios-concrete .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-yellow .checkbox-checked {
  border-color: #ffff00;
  background-color: #ffff00;
}

.checkbox-ios-yellow .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-black .checkbox-checked {
  border-color: #000000;
  background-color: #000000;
}

.checkbox-ios-black .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-grey .checkbox-checked {
  border-color: #808080;
  background-color: #808080;
}

.checkbox-ios-grey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-red .checkbox-checked {
  border-color: #ed4956;
  background-color: #ed4956;
}

.checkbox-ios-red .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-notif .checkbox-checked {
  border-color: #17DFC4;
  background-color: #17DFC4;
}

.checkbox-ios-notif .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-new-badge .checkbox-checked {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.checkbox-ios-new-badge .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-accent .checkbox-checked {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.checkbox-ios-accent .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-skeleton .checkbox-checked {
  border-color: #dddddd;
  background-color: #dddddd;
}

.checkbox-ios-skeleton .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-outline .checkbox-checked {
  border-color: #dbdbe1;
  background-color: #dbdbe1;
}

.checkbox-ios-outline .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-secondary-text .checkbox-checked {
  border-color: #A5B0B7;
  background-color: #A5B0B7;
}

.checkbox-ios-secondary-text .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-text .checkbox-checked {
  border-color: #192528;
  background-color: #192528;
}

.checkbox-ios-text .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-label .checkbox-checked {
  border-color: #333333;
  background-color: #333333;
}

.checkbox-ios-label .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-hover .checkbox-checked {
  border-color: #eff2f4;
  background-color: #eff2f4;
}

.checkbox-ios-hover .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-hover-dark .checkbox-checked {
  border-color: rgba(162, 162, 162, 0.1);
  background-color: rgba(162, 162, 162, 0.1);
}

.checkbox-ios-hover-dark .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-bgcard .checkbox-checked {
  border-color: #f2f5f8;
  background-color: #f2f5f8;
}

.checkbox-ios-bgcard .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-bgcard2 .checkbox-checked {
  border-color: #fcfcfc;
  background-color: #fcfcfc;
}

.checkbox-ios-bgcard2 .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-bglabel .checkbox-checked {
  border-color: #E2E9ED;
  background-color: #E2E9ED;
}

.checkbox-ios-bglabel .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-primary-light .checkbox-checked {
  border-color: #08b2be;
  background-color: #08b2be;
}

.checkbox-ios-primary-light .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-bgicon .checkbox-checked {
  border-color: rgba(226, 233, 237, 0.6);
  background-color: rgba(226, 233, 237, 0.6);
}

.checkbox-ios-bgicon .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-primary-text .checkbox-checked {
  border-color: #189dae;
  background-color: #189dae;
}

.checkbox-ios-primary-text .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-white .checkbox-checked {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

.checkbox-ios-white .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-success .checkbox-checked {
  border-color: #2BB34D;
  background-color: #2BB34D;
}

.checkbox-ios-success .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-info .checkbox-checked {
  border-color: #1A73E8;
  background-color: #1A73E8;
}

.checkbox-ios-info .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-warning .checkbox-checked {
  border-color: #FFAB00;
  background-color: #FFAB00;
}

.checkbox-ios-warning .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-danger .checkbox-checked {
  border-color: #F0624D;
  background-color: #F0624D;
}

.checkbox-ios-danger .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-tam .checkbox-checked {
  border-color: #CC0400;
  background-color: #CC0400;
}

.checkbox-ios-tam .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md {
  position: relative;
  display: inline-block;
}

.checkbox-md .checkbox-icon {
  border-radius: 3px;
  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: #F68A22;
  background-color: #F68A22;
}

.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: #F68A22;
  background-color: #F68A22;
}

.checkbox-md-primary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-secondary .checkbox-checked {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.checkbox-md-secondary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-danger-low .checkbox-checked {
  border-color: #fb745e;
  background-color: #fb745e;
}

.checkbox-md-danger-low .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-light .checkbox-checked {
  border-color: #f4f4f4;
  background-color: #f4f4f4;
}

.checkbox-md-light .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-dark .checkbox-checked {
  border-color: #222;
  background-color: #222;
}

.checkbox-md-dark .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-favorite .checkbox-checked {
  border-color: #39B44A;
  background-color: #39B44A;
}

.checkbox-md-favorite .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-darkgrey .checkbox-checked {
  border-color: #8e9093;
  background-color: #8e9093;
}

.checkbox-md-darkgrey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-emerald .checkbox-checked {
  border-color: #3498db;
  background-color: #3498db;
}

.checkbox-md-emerald .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-concrete .checkbox-checked {
  border-color: #bdc3c7;
  background-color: #bdc3c7;
}

.checkbox-md-concrete .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-yellow .checkbox-checked {
  border-color: #ffff00;
  background-color: #ffff00;
}

.checkbox-md-yellow .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-black .checkbox-checked {
  border-color: #000000;
  background-color: #000000;
}

.checkbox-md-black .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-grey .checkbox-checked {
  border-color: #808080;
  background-color: #808080;
}

.checkbox-md-grey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-red .checkbox-checked {
  border-color: #ed4956;
  background-color: #ed4956;
}

.checkbox-md-red .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-notif .checkbox-checked {
  border-color: #17DFC4;
  background-color: #17DFC4;
}

.checkbox-md-notif .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-new-badge .checkbox-checked {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.checkbox-md-new-badge .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-accent .checkbox-checked {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.checkbox-md-accent .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-skeleton .checkbox-checked {
  border-color: #dddddd;
  background-color: #dddddd;
}

.checkbox-md-skeleton .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-outline .checkbox-checked {
  border-color: #dbdbe1;
  background-color: #dbdbe1;
}

.checkbox-md-outline .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-secondary-text .checkbox-checked {
  border-color: #A5B0B7;
  background-color: #A5B0B7;
}

.checkbox-md-secondary-text .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-text .checkbox-checked {
  border-color: #192528;
  background-color: #192528;
}

.checkbox-md-text .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-label .checkbox-checked {
  border-color: #333333;
  background-color: #333333;
}

.checkbox-md-label .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-hover .checkbox-checked {
  border-color: #eff2f4;
  background-color: #eff2f4;
}

.checkbox-md-hover .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-hover-dark .checkbox-checked {
  border-color: rgba(162, 162, 162, 0.1);
  background-color: rgba(162, 162, 162, 0.1);
}

.checkbox-md-hover-dark .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-bgcard .checkbox-checked {
  border-color: #f2f5f8;
  background-color: #f2f5f8;
}

.checkbox-md-bgcard .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-bgcard2 .checkbox-checked {
  border-color: #fcfcfc;
  background-color: #fcfcfc;
}

.checkbox-md-bgcard2 .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-bglabel .checkbox-checked {
  border-color: #E2E9ED;
  background-color: #E2E9ED;
}

.checkbox-md-bglabel .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-primary-light .checkbox-checked {
  border-color: #08b2be;
  background-color: #08b2be;
}

.checkbox-md-primary-light .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-bgicon .checkbox-checked {
  border-color: rgba(226, 233, 237, 0.6);
  background-color: rgba(226, 233, 237, 0.6);
}

.checkbox-md-bgicon .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-primary-text .checkbox-checked {
  border-color: #189dae;
  background-color: #189dae;
}

.checkbox-md-primary-text .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-white .checkbox-checked {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

.checkbox-md-white .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-success .checkbox-checked {
  border-color: #2BB34D;
  background-color: #2BB34D;
}

.checkbox-md-success .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-info .checkbox-checked {
  border-color: #1A73E8;
  background-color: #1A73E8;
}

.checkbox-md-info .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-warning .checkbox-checked {
  border-color: #FFAB00;
  background-color: #FFAB00;
}

.checkbox-md-warning .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-danger .checkbox-checked {
  border-color: #F0624D;
  background-color: #F0624D;
}

.checkbox-md-danger .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-tam .checkbox-checked {
  border-color: #CC0400;
  background-color: #CC0400;
}

.checkbox-md-tam .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: #F68A22;
  background-color: #F68A22;
}

.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: #F68A22;
  background-color: #F68A22;
}

.checkbox-wp-primary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-secondary .checkbox-checked {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.checkbox-wp-secondary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-danger-low .checkbox-checked {
  border-color: #fb745e;
  background-color: #fb745e;
}

.checkbox-wp-danger-low .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-light .checkbox-checked {
  border-color: #f4f4f4;
  background-color: #f4f4f4;
}

.checkbox-wp-light .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-dark .checkbox-checked {
  border-color: #222;
  background-color: #222;
}

.checkbox-wp-dark .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-favorite .checkbox-checked {
  border-color: #39B44A;
  background-color: #39B44A;
}

.checkbox-wp-favorite .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-darkgrey .checkbox-checked {
  border-color: #8e9093;
  background-color: #8e9093;
}

.checkbox-wp-darkgrey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-emerald .checkbox-checked {
  border-color: #3498db;
  background-color: #3498db;
}

.checkbox-wp-emerald .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-concrete .checkbox-checked {
  border-color: #bdc3c7;
  background-color: #bdc3c7;
}

.checkbox-wp-concrete .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-yellow .checkbox-checked {
  border-color: #ffff00;
  background-color: #ffff00;
}

.checkbox-wp-yellow .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-black .checkbox-checked {
  border-color: #000000;
  background-color: #000000;
}

.checkbox-wp-black .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-grey .checkbox-checked {
  border-color: #808080;
  background-color: #808080;
}

.checkbox-wp-grey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-red .checkbox-checked {
  border-color: #ed4956;
  background-color: #ed4956;
}

.checkbox-wp-red .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-notif .checkbox-checked {
  border-color: #17DFC4;
  background-color: #17DFC4;
}

.checkbox-wp-notif .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-new-badge .checkbox-checked {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.checkbox-wp-new-badge .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-accent .checkbox-checked {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.checkbox-wp-accent .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-skeleton .checkbox-checked {
  border-color: #dddddd;
  background-color: #dddddd;
}

.checkbox-wp-skeleton .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-outline .checkbox-checked {
  border-color: #dbdbe1;
  background-color: #dbdbe1;
}

.checkbox-wp-outline .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-secondary-text .checkbox-checked {
  border-color: #A5B0B7;
  background-color: #A5B0B7;
}

.checkbox-wp-secondary-text .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-text .checkbox-checked {
  border-color: #192528;
  background-color: #192528;
}

.checkbox-wp-text .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-label .checkbox-checked {
  border-color: #333333;
  background-color: #333333;
}

.checkbox-wp-label .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-hover .checkbox-checked {
  border-color: #eff2f4;
  background-color: #eff2f4;
}

.checkbox-wp-hover .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-hover-dark .checkbox-checked {
  border-color: rgba(162, 162, 162, 0.1);
  background-color: rgba(162, 162, 162, 0.1);
}

.checkbox-wp-hover-dark .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-bgcard .checkbox-checked {
  border-color: #f2f5f8;
  background-color: #f2f5f8;
}

.checkbox-wp-bgcard .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-bgcard2 .checkbox-checked {
  border-color: #fcfcfc;
  background-color: #fcfcfc;
}

.checkbox-wp-bgcard2 .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-bglabel .checkbox-checked {
  border-color: #E2E9ED;
  background-color: #E2E9ED;
}

.checkbox-wp-bglabel .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-primary-light .checkbox-checked {
  border-color: #08b2be;
  background-color: #08b2be;
}

.checkbox-wp-primary-light .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-bgicon .checkbox-checked {
  border-color: rgba(226, 233, 237, 0.6);
  background-color: rgba(226, 233, 237, 0.6);
}

.checkbox-wp-bgicon .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-primary-text .checkbox-checked {
  border-color: #189dae;
  background-color: #189dae;
}

.checkbox-wp-primary-text .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-white .checkbox-checked {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

.checkbox-wp-white .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-success .checkbox-checked {
  border-color: #2BB34D;
  background-color: #2BB34D;
}

.checkbox-wp-success .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-info .checkbox-checked {
  border-color: #1A73E8;
  background-color: #1A73E8;
}

.checkbox-wp-info .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-warning .checkbox-checked {
  border-color: #FFAB00;
  background-color: #FFAB00;
}

.checkbox-wp-warning .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-danger .checkbox-checked {
  border-color: #F0624D;
  background-color: #F0624D;
}

.checkbox-wp-danger .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-tam .checkbox-checked {
  border-color: #CC0400;
  background-color: #CC0400;
}

.checkbox-wp-tam .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: 10%;
  width: 1px;
  min-width: 1px;
  height: 1px;
  min-height: 1px;
}

ion-chip ion-avatar img {
  border-radius: 10%;
  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: #F68A22;
}

.chip-ios-primary,
.chip-ios .icon-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.chip-ios-secondary,
.chip-ios .icon-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.chip-ios-danger-low,
.chip-ios .icon-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.chip-ios-light,
.chip-ios .icon-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.chip-ios-dark,
.chip-ios .icon-ios-dark {
  color: #fff;
  background-color: #222;
}

.chip-ios-favorite,
.chip-ios .icon-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.chip-ios-darkgrey,
.chip-ios .icon-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.chip-ios-emerald,
.chip-ios .icon-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.chip-ios-concrete,
.chip-ios .icon-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.chip-ios-yellow,
.chip-ios .icon-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.chip-ios-black,
.chip-ios .icon-ios-black {
  color: #fff;
  background-color: #000000;
}

.chip-ios-grey,
.chip-ios .icon-ios-grey {
  color: #fff;
  background-color: #808080;
}

.chip-ios-red,
.chip-ios .icon-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.chip-ios-notif,
.chip-ios .icon-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.chip-ios-new-badge,
.chip-ios .icon-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.chip-ios-accent,
.chip-ios .icon-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.chip-ios-skeleton,
.chip-ios .icon-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.chip-ios-outline,
.chip-ios .icon-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.chip-ios-secondary-text,
.chip-ios .icon-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.chip-ios-text,
.chip-ios .icon-ios-text {
  color: #fff;
  background-color: #192528;
}

.chip-ios-label,
.chip-ios .icon-ios-label {
  color: #fff;
  background-color: #333333;
}

.chip-ios-hover,
.chip-ios .icon-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.chip-ios-hover-dark,
.chip-ios .icon-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.chip-ios-bgcard,
.chip-ios .icon-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.chip-ios-bgcard2,
.chip-ios .icon-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.chip-ios-bglabel,
.chip-ios .icon-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.chip-ios-primary-light,
.chip-ios .icon-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.chip-ios-bgicon,
.chip-ios .icon-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.chip-ios-primary-text,
.chip-ios .icon-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.chip-ios-white,
.chip-ios .icon-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.chip-ios-success,
.chip-ios .icon-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.chip-ios-info,
.chip-ios .icon-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.chip-ios-warning,
.chip-ios .icon-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.chip-ios-danger,
.chip-ios .icon-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.chip-ios-tam,
.chip-ios .icon-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

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

.chip-md-primary,
.chip-md .icon-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.chip-md-secondary,
.chip-md .icon-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.chip-md-danger-low,
.chip-md .icon-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.chip-md-light,
.chip-md .icon-md-light {
  color: #000;
  background-color: #f4f4f4;
}

.chip-md-dark,
.chip-md .icon-md-dark {
  color: #fff;
  background-color: #222;
}

.chip-md-favorite,
.chip-md .icon-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.chip-md-darkgrey,
.chip-md .icon-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.chip-md-emerald,
.chip-md .icon-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.chip-md-concrete,
.chip-md .icon-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.chip-md-yellow,
.chip-md .icon-md-yellow {
  color: #000;
  background-color: #ffff00;
}

.chip-md-black,
.chip-md .icon-md-black {
  color: #fff;
  background-color: #000000;
}

.chip-md-grey,
.chip-md .icon-md-grey {
  color: #fff;
  background-color: #808080;
}

.chip-md-red,
.chip-md .icon-md-red {
  color: #fff;
  background-color: #ed4956;
}

.chip-md-notif,
.chip-md .icon-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.chip-md-new-badge,
.chip-md .icon-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.chip-md-accent,
.chip-md .icon-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.chip-md-skeleton,
.chip-md .icon-md-skeleton {
  color: #000;
  background-color: #dddddd;
}

.chip-md-outline,
.chip-md .icon-md-outline {
  color: #000;
  background-color: #dbdbe1;
}

.chip-md-secondary-text,
.chip-md .icon-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.chip-md-text,
.chip-md .icon-md-text {
  color: #fff;
  background-color: #192528;
}

.chip-md-label,
.chip-md .icon-md-label {
  color: #fff;
  background-color: #333333;
}

.chip-md-hover,
.chip-md .icon-md-hover {
  color: #000;
  background-color: #eff2f4;
}

.chip-md-hover-dark,
.chip-md .icon-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.chip-md-bgcard,
.chip-md .icon-md-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.chip-md-bgcard2,
.chip-md .icon-md-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.chip-md-bglabel,
.chip-md .icon-md-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.chip-md-primary-light,
.chip-md .icon-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.chip-md-bgicon,
.chip-md .icon-md-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.chip-md-primary-text,
.chip-md .icon-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.chip-md-white,
.chip-md .icon-md-white {
  color: #000;
  background-color: #FFFFFF;
}

.chip-md-success,
.chip-md .icon-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.chip-md-info,
.chip-md .icon-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.chip-md-warning,
.chip-md .icon-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.chip-md-danger,
.chip-md .icon-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.chip-md-tam,
.chip-md .icon-md-tam {
  color: #fff;
  background-color: #CC0400;
}

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

.chip-wp .button {
  border: 0;
}

.chip-wp-primary,
.chip-wp .icon-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.chip-wp-secondary,
.chip-wp .icon-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.chip-wp-danger-low,
.chip-wp .icon-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.chip-wp-light,
.chip-wp .icon-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.chip-wp-dark,
.chip-wp .icon-wp-dark {
  color: #fff;
  background-color: #222;
}

.chip-wp-favorite,
.chip-wp .icon-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.chip-wp-darkgrey,
.chip-wp .icon-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.chip-wp-emerald,
.chip-wp .icon-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.chip-wp-concrete,
.chip-wp .icon-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.chip-wp-yellow,
.chip-wp .icon-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.chip-wp-black,
.chip-wp .icon-wp-black {
  color: #fff;
  background-color: #000000;
}

.chip-wp-grey,
.chip-wp .icon-wp-grey {
  color: #fff;
  background-color: #808080;
}

.chip-wp-red,
.chip-wp .icon-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.chip-wp-notif,
.chip-wp .icon-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.chip-wp-new-badge,
.chip-wp .icon-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.chip-wp-accent,
.chip-wp .icon-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.chip-wp-skeleton,
.chip-wp .icon-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.chip-wp-outline,
.chip-wp .icon-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.chip-wp-secondary-text,
.chip-wp .icon-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.chip-wp-text,
.chip-wp .icon-wp-text {
  color: #fff;
  background-color: #192528;
}

.chip-wp-label,
.chip-wp .icon-wp-label {
  color: #fff;
  background-color: #333333;
}

.chip-wp-hover,
.chip-wp .icon-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.chip-wp-hover-dark,
.chip-wp .icon-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.chip-wp-bgcard,
.chip-wp .icon-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.chip-wp-bgcard2,
.chip-wp .icon-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.chip-wp-bglabel,
.chip-wp .icon-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.chip-wp-primary-light,
.chip-wp .icon-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.chip-wp-bgicon,
.chip-wp .icon-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.chip-wp-primary-text,
.chip-wp .icon-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.chip-wp-white,
.chip-wp .icon-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.chip-wp-success,
.chip-wp .icon-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.chip-wp-info,
.chip-wp .icon-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.chip-wp-warning,
.chip-wp .icon-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.chip-wp-danger,
.chip-wp .icon-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.chip-wp-tam,
.chip-wp .icon-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

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

.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: #808080;
  background-color: #fff;
}

.content-ios.outer-content {
  background: #efeff4;
}

.content-ios hr {
  height: 0.55px;
  background-color: rgba(0, 0, 0, 0.12);
}

.ios .ion-page.show-page ~ .nav-decor {
  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: 18px;
}

ion-app.ios [padding-top] {
  padding-top: 18px;
}

ion-app.ios [padding-left] {
  padding-left: 18px;
}

ion-app.ios [padding-right] {
  padding-right: 18px;
}

ion-app.ios [padding-bottom] {
  padding-bottom: 18px;
}

ion-app.ios [padding-vertical] {
  padding-top: 18px;
  padding-bottom: 18px;
}

ion-app.ios [padding-horizontal] {
  padding-left: 18px;
  padding-right: 18px;
}

ion-app.ios [padding] .scroll-content {
  padding: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 18px);
    padding-top: 18px;
    padding-bottom: 18px;
    padding: 18px calc(env(safe-area-inset-right) + 18px) 18px calc(env(safe-area-inset-left) + 18px);
  }
}

ion-app.ios [padding-top] .scroll-content {
  padding-top: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-top] .scroll-content {
    padding-top: 18px;
    padding-top: 18px;
  }
}

ion-app.ios [padding-left] .scroll-content {
  padding-left: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 18px);
    padding-left: calc(env(safe-area-inset-left) + 18px);
  }
}

ion-app.ios [padding-right] .scroll-content {
  padding-right: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 18px);
    padding-right: calc(env(safe-area-inset-right) + 18px);
  }
}

ion-app.ios [padding-bottom] .scroll-content {
  padding-bottom: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-bottom] .scroll-content {
    padding-bottom: 18px;
    padding-bottom: 18px;
  }
}

ion-app.ios [padding-vertical] .scroll-content {
  padding-top: 18px;
  padding-bottom: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-vertical] .scroll-content {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

ion-app.ios [padding-horizontal] .scroll-content {
  padding-left: 18px;
  padding-right: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 18px);
    padding-right: calc(constant(safe-area-inset-right) + 18px);
    padding-left: calc(env(safe-area-inset-left) + 18px);
    padding-right: calc(env(safe-area-inset-right) + 18px);
  }
}

ion-app.ios [margin],
ion-app.ios [margin] .scroll-content {
  margin: 20px;
}

ion-app.ios [margin-top],
ion-app.ios [margin-top] .scroll-content {
  margin-top: 20px;
}

ion-app.ios [margin-left],
ion-app.ios [margin-left] .scroll-content {
  margin-left: 20px;
}

ion-app.ios [margin-start],
ion-app.ios [margin-start] .scroll-content {
  margin-left: 20px;
}

ion-app.ios [margin-right],
ion-app.ios [margin-right] .scroll-content {
  margin-right: 20px;
}

ion-app.ios [margin-end],
ion-app.ios [margin-end] .scroll-content {
  margin-right: 20px;
}

ion-app.ios [margin-bottom],
ion-app.ios [margin-bottom] .scroll-content {
  margin-bottom: 20px;
}

ion-app.ios [margin-vertical],
ion-app.ios [margin-vertical] .scroll-content {
  margin-top: 20px;
  margin-bottom: 20px;
}

ion-app.ios [margin-horizontal],
ion-app.ios [margin-horizontal] .scroll-content {
  margin-left: 20px;
  margin-right: 20px;
}

.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: #808080;
  background-color: #fff;
}

.content-md hr {
  background-color: rgba(0, 0, 0, 0.08);
}

ion-app.md [padding] {
  padding: 18px;
}

ion-app.md [padding-top] {
  padding-top: 18px;
}

ion-app.md [padding-left] {
  padding-left: 18px;
}

ion-app.md [padding-right] {
  padding-right: 18px;
}

ion-app.md [padding-bottom] {
  padding-bottom: 18px;
}

ion-app.md [padding-vertical] {
  padding-top: 18px;
  padding-bottom: 18px;
}

ion-app.md [padding-horizontal] {
  padding-left: 18px;
  padding-right: 18px;
}

ion-app.md [padding] .scroll-content {
  padding: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 18px);
    padding-top: 18px;
    padding-bottom: 18px;
    padding: 18px calc(env(safe-area-inset-right) + 18px) 18px calc(env(safe-area-inset-left) + 18px);
  }
}

ion-app.md [padding-top] .scroll-content {
  padding-top: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-top] .scroll-content {
    padding-top: 18px;
    padding-top: 18px;
  }
}

ion-app.md [padding-left] .scroll-content {
  padding-left: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 18px);
    padding-left: calc(env(safe-area-inset-left) + 18px);
  }
}

ion-app.md [padding-right] .scroll-content {
  padding-right: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 18px);
    padding-right: calc(env(safe-area-inset-right) + 18px);
  }
}

ion-app.md [padding-bottom] .scroll-content {
  padding-bottom: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-bottom] .scroll-content {
    padding-bottom: 18px;
    padding-bottom: 18px;
  }
}

ion-app.md [padding-vertical] .scroll-content {
  padding-top: 18px;
  padding-bottom: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-vertical] .scroll-content {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

ion-app.md [padding-horizontal] .scroll-content {
  padding-left: 18px;
  padding-right: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 18px);
    padding-right: calc(constant(safe-area-inset-right) + 18px);
    padding-left: calc(env(safe-area-inset-left) + 18px);
    padding-right: calc(env(safe-area-inset-right) + 18px);
  }
}

ion-app.md [margin],
ion-app.md [margin] .scroll-content {
  margin: 20px;
}

ion-app.md [margin-top],
ion-app.md [margin-top] .scroll-content {
  margin-top: 20px;
}

ion-app.md [margin-left],
ion-app.md [margin-left] .scroll-content {
  margin-left: 20px;
}

ion-app.md [margin-start],
ion-app.md [margin-start] .scroll-content {
  margin-left: 20px;
}

ion-app.md [margin-right],
ion-app.md [margin-right] .scroll-content {
  margin-right: 20px;
}

ion-app.md [margin-end],
ion-app.md [margin-end] .scroll-content {
  margin-right: 20px;
}

ion-app.md [margin-bottom],
ion-app.md [margin-bottom] .scroll-content {
  margin-bottom: 20px;
}

ion-app.md [margin-vertical],
ion-app.md [margin-vertical] .scroll-content {
  margin-top: 20px;
  margin-bottom: 20px;
}

ion-app.md [margin-horizontal],
ion-app.md [margin-horizontal] .scroll-content {
  margin-left: 20px;
  margin-right: 20px;
}

.content-wp {
  color: #808080;
  background-color: #fff;
}

.content-wp hr {
  background-color: rgba(0, 0, 0, 0.08);
}

ion-app.wp [padding] {
  padding: 18px;
}

ion-app.wp [padding-top] {
  padding-top: 18px;
}

ion-app.wp [padding-left] {
  padding-left: 18px;
}

ion-app.wp [padding-right] {
  padding-right: 18px;
}

ion-app.wp [padding-bottom] {
  padding-bottom: 18px;
}

ion-app.wp [padding-vertical] {
  padding-top: 18px;
  padding-bottom: 18px;
}

ion-app.wp [padding-horizontal] {
  padding-left: 18px;
  padding-right: 18px;
}

ion-app.wp [padding] .scroll-content {
  padding: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 18px);
    padding-top: 18px;
    padding-bottom: 18px;
    padding: 18px calc(env(safe-area-inset-right) + 18px) 18px calc(env(safe-area-inset-left) + 18px);
  }
}

ion-app.wp [padding-top] .scroll-content {
  padding-top: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-top] .scroll-content {
    padding-top: 18px;
    padding-top: 18px;
  }
}

ion-app.wp [padding-left] .scroll-content {
  padding-left: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 18px);
    padding-left: calc(env(safe-area-inset-left) + 18px);
  }
}

ion-app.wp [padding-right] .scroll-content {
  padding-right: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 18px);
    padding-right: calc(env(safe-area-inset-right) + 18px);
  }
}

ion-app.wp [padding-bottom] .scroll-content {
  padding-bottom: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-bottom] .scroll-content {
    padding-bottom: 18px;
    padding-bottom: 18px;
  }
}

ion-app.wp [padding-vertical] .scroll-content {
  padding-top: 18px;
  padding-bottom: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-vertical] .scroll-content {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-top: 18px;
    padding-bottom: 18px;
  }
}

ion-app.wp [padding-horizontal] .scroll-content {
  padding-left: 18px;
  padding-right: 18px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 18px);
    padding-right: calc(constant(safe-area-inset-right) + 18px);
    padding-left: calc(env(safe-area-inset-left) + 18px);
    padding-right: calc(env(safe-area-inset-right) + 18px);
  }
}

ion-app.wp [margin],
ion-app.wp [margin] .scroll-content {
  margin: 20px;
}

ion-app.wp [margin-top],
ion-app.wp [margin-top] .scroll-content {
  margin-top: 20px;
}

ion-app.wp [margin-left],
ion-app.wp [margin-left] .scroll-content {
  margin-left: 20px;
}

ion-app.wp [margin-start],
ion-app.wp [margin-start] .scroll-content {
  margin-left: 20px;
}

ion-app.wp [margin-right],
ion-app.wp [margin-right] .scroll-content {
  margin-right: 20px;
}

ion-app.wp [margin-end],
ion-app.wp [margin-end] .scroll-content {
  margin-right: 20px;
}

ion-app.wp [margin-bottom],
ion-app.wp [margin-bottom] .scroll-content {
  margin-bottom: 20px;
}

ion-app.wp [margin-vertical],
ion-app.wp [margin-vertical] .scroll-content {
  margin-top: 20px;
  margin-bottom: 20px;
}

ion-app.wp [margin-horizontal],
ion-app.wp [margin-horizontal] .scroll-content {
  margin-left: 20px;
  margin-right: 20px;
}

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

.fab-ios.activated {
  background-color: #e27f1f;
}

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

.fab-ios-primary.activated {
  background-color: #e27f1f;
}

.fab-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.fab-ios-secondary.activated {
  background-color: #5bafe7;
}

.fab-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.fab-ios-danger-low.activated {
  background-color: #e76b56;
}

.fab-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.fab-ios-light.activated {
  background-color: #e0e0e0;
}

.fab-ios-dark {
  color: #fff;
  background-color: #222;
}

.fab-ios-dark.activated {
  background-color: #343434;
}

.fab-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.fab-ios-favorite.activated {
  background-color: #49ba58;
}

.fab-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.fab-ios-darkgrey.activated {
  background-color: #838487;
}

.fab-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.fab-ios-emerald.activated {
  background-color: #308cc9;
}

.fab-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.fab-ios-concrete.activated {
  background-color: #aeb3b7;
}

.fab-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.fab-ios-yellow.activated {
  background-color: #ffff14;
}

.fab-ios-black {
  color: #fff;
  background-color: #000000;
}

.fab-ios-black.activated {
  background-color: #141414;
}

.fab-ios-grey {
  color: #fff;
  background-color: #808080;
}

.fab-ios-grey.activated {
  background-color: #767676;
}

.fab-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.fab-ios-red.activated {
  background-color: #da434f;
}

.fab-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.fab-ios-notif.activated {
  background-color: #2ae2c9;
}

.fab-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.fab-ios-new-badge.activated {
  background-color: #5bafe7;
}

.fab-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.fab-ios-accent.activated {
  background-color: #5bafe7;
}

.fab-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.fab-ios-skeleton.activated {
  background-color: #cbcbcb;
}

.fab-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.fab-ios-outline.activated {
  background-color: #c9c9cf;
}

.fab-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.fab-ios-secondary-text.activated {
  background-color: #98a2a8;
}

.fab-ios-text {
  color: #fff;
  background-color: #192528;
}

.fab-ios-text.activated {
  background-color: #2b3639;
}

.fab-ios-label {
  color: #fff;
  background-color: #333333;
}

.fab-ios-label.activated {
  background-color: #434343;
}

.fab-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.fab-ios-hover.activated {
  background-color: #dcdfe0;
}

.fab-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.fab-ios-hover-dark.activated {
  background-color: rgba(61, 61, 61, 0.172);
}

.fab-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.fab-ios-bgcard.activated {
  background-color: #dee1e4;
}

.fab-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.fab-ios-bgcard2.activated {
  background-color: #e8e8e8;
}

.fab-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.fab-ios-bglabel.activated {
  background-color: #d0d6da;
}

.fab-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.fab-ios-primary-light.activated {
  background-color: #1cb8c3;
}

.fab-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.fab-ios-bgicon.activated {
  background-color: rgba(188, 194, 197, 0.632);
}

.fab-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.fab-ios-primary-text.activated {
  background-color: #2aa5b4;
}

.fab-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.fab-ios-white.activated {
  background-color: #ebebeb;
}

.fab-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.fab-ios-success.activated {
  background-color: #3cb95b;
}

.fab-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.fab-ios-info.activated {
  background-color: #186ad5;
}

.fab-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.fab-ios-warning.activated {
  background-color: #ffb214;
}

.fab-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.fab-ios-danger.activated {
  background-color: #dd5a47;
}

.fab-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.fab-ios-tam.activated {
  background-color: #d01814;
}

.fab-md {
  color: #fff;
  background-color: #F68A22;
  -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: #e27f1f;
  -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: #F68A22;
}

.fab-md-primary.activated {
  background-color: #e27f1f;
}

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

.fab-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.fab-md-secondary.activated {
  background-color: #5bafe7;
}

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

.fab-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.fab-md-danger-low.activated {
  background-color: #e76b56;
}

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

.fab-md-light {
  color: #000;
  background-color: #f4f4f4;
}

.fab-md-light.activated {
  background-color: #e0e0e0;
}

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

.fab-md-dark {
  color: #fff;
  background-color: #222;
}

.fab-md-dark.activated {
  background-color: #343434;
}

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

.fab-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.fab-md-favorite.activated {
  background-color: #49ba58;
}

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

.fab-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.fab-md-darkgrey.activated {
  background-color: #838487;
}

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

.fab-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.fab-md-emerald.activated {
  background-color: #308cc9;
}

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

.fab-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.fab-md-concrete.activated {
  background-color: #aeb3b7;
}

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

.fab-md-yellow {
  color: #000;
  background-color: #ffff00;
}

.fab-md-yellow.activated {
  background-color: #ffff14;
}

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

.fab-md-black {
  color: #fff;
  background-color: #000000;
}

.fab-md-black.activated {
  background-color: #141414;
}

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

.fab-md-grey {
  color: #fff;
  background-color: #808080;
}

.fab-md-grey.activated {
  background-color: #767676;
}

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

.fab-md-red {
  color: #fff;
  background-color: #ed4956;
}

.fab-md-red.activated {
  background-color: #da434f;
}

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

.fab-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.fab-md-notif.activated {
  background-color: #2ae2c9;
}

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

.fab-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.fab-md-new-badge.activated {
  background-color: #5bafe7;
}

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

.fab-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.fab-md-accent.activated {
  background-color: #5bafe7;
}

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

.fab-md-skeleton {
  color: #000;
  background-color: #dddddd;
}

.fab-md-skeleton.activated {
  background-color: #cbcbcb;
}

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

.fab-md-outline {
  color: #000;
  background-color: #dbdbe1;
}

.fab-md-outline.activated {
  background-color: #c9c9cf;
}

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

.fab-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.fab-md-secondary-text.activated {
  background-color: #98a2a8;
}

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

.fab-md-text {
  color: #fff;
  background-color: #192528;
}

.fab-md-text.activated {
  background-color: #2b3639;
}

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

.fab-md-label {
  color: #fff;
  background-color: #333333;
}

.fab-md-label.activated {
  background-color: #434343;
}

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

.fab-md-hover {
  color: #000;
  background-color: #eff2f4;
}

.fab-md-hover.activated {
  background-color: #dcdfe0;
}

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

.fab-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.fab-md-hover-dark.activated {
  background-color: rgba(61, 61, 61, 0.172);
}

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

.fab-md-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.fab-md-bgcard.activated {
  background-color: #dee1e4;
}

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

.fab-md-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.fab-md-bgcard2.activated {
  background-color: #e8e8e8;
}

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

.fab-md-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.fab-md-bglabel.activated {
  background-color: #d0d6da;
}

.fab-md-bglabel .button-effect {
  background-color: #000;
}

.fab-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.fab-md-primary-light.activated {
  background-color: #1cb8c3;
}

.fab-md-primary-light .button-effect {
  background-color: #fff;
}

.fab-md-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.fab-md-bgicon.activated {
  background-color: rgba(188, 194, 197, 0.632);
}

.fab-md-bgicon .button-effect {
  background-color: #000;
}

.fab-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.fab-md-primary-text.activated {
  background-color: #2aa5b4;
}

.fab-md-primary-text .button-effect {
  background-color: #fff;
}

.fab-md-white {
  color: #000;
  background-color: #FFFFFF;
}

.fab-md-white.activated {
  background-color: #ebebeb;
}

.fab-md-white .button-effect {
  background-color: #000;
}

.fab-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.fab-md-success.activated {
  background-color: #3cb95b;
}

.fab-md-success .button-effect {
  background-color: #fff;
}

.fab-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.fab-md-info.activated {
  background-color: #186ad5;
}

.fab-md-info .button-effect {
  background-color: #fff;
}

.fab-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.fab-md-warning.activated {
  background-color: #ffb214;
}

.fab-md-warning .button-effect {
  background-color: #fff;
}

.fab-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.fab-md-danger.activated {
  background-color: #dd5a47;
}

.fab-md-danger .button-effect {
  background-color: #fff;
}

.fab-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.fab-md-tam.activated {
  background-color: #d01814;
}

.fab-md-tam .button-effect {
  background-color: #fff;
}

.fab-wp {
  color: #fff;
  background-color: #F68A22;
}

.fab-wp.activated {
  background-color: #e27f1f;
}

.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: #F68A22;
}

.fab-wp-primary.activated {
  background-color: #e27f1f;
}

.fab-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.fab-wp-secondary.activated {
  background-color: #5bafe7;
}

.fab-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.fab-wp-danger-low.activated {
  background-color: #e76b56;
}

.fab-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.fab-wp-light.activated {
  background-color: #e0e0e0;
}

.fab-wp-dark {
  color: #fff;
  background-color: #222;
}

.fab-wp-dark.activated {
  background-color: #343434;
}

.fab-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.fab-wp-favorite.activated {
  background-color: #49ba58;
}

.fab-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.fab-wp-darkgrey.activated {
  background-color: #838487;
}

.fab-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.fab-wp-emerald.activated {
  background-color: #308cc9;
}

.fab-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.fab-wp-concrete.activated {
  background-color: #aeb3b7;
}

.fab-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.fab-wp-yellow.activated {
  background-color: #ffff14;
}

.fab-wp-black {
  color: #fff;
  background-color: #000000;
}

.fab-wp-black.activated {
  background-color: #141414;
}

.fab-wp-grey {
  color: #fff;
  background-color: #808080;
}

.fab-wp-grey.activated {
  background-color: #767676;
}

.fab-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.fab-wp-red.activated {
  background-color: #da434f;
}

.fab-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.fab-wp-notif.activated {
  background-color: #2ae2c9;
}

.fab-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.fab-wp-new-badge.activated {
  background-color: #5bafe7;
}

.fab-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.fab-wp-accent.activated {
  background-color: #5bafe7;
}

.fab-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.fab-wp-skeleton.activated {
  background-color: #cbcbcb;
}

.fab-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.fab-wp-outline.activated {
  background-color: #c9c9cf;
}

.fab-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.fab-wp-secondary-text.activated {
  background-color: #98a2a8;
}

.fab-wp-text {
  color: #fff;
  background-color: #192528;
}

.fab-wp-text.activated {
  background-color: #2b3639;
}

.fab-wp-label {
  color: #fff;
  background-color: #333333;
}

.fab-wp-label.activated {
  background-color: #434343;
}

.fab-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.fab-wp-hover.activated {
  background-color: #dcdfe0;
}

.fab-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.fab-wp-hover-dark.activated {
  background-color: rgba(61, 61, 61, 0.172);
}

.fab-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.fab-wp-bgcard.activated {
  background-color: #dee1e4;
}

.fab-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.fab-wp-bgcard2.activated {
  background-color: #e8e8e8;
}

.fab-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.fab-wp-bglabel.activated {
  background-color: #d0d6da;
}

.fab-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.fab-wp-primary-light.activated {
  background-color: #1cb8c3;
}

.fab-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.fab-wp-bgicon.activated {
  background-color: rgba(188, 194, 197, 0.632);
}

.fab-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.fab-wp-primary-text.activated {
  background-color: #2aa5b4;
}

.fab-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.fab-wp-white.activated {
  background-color: #ebebeb;
}

.fab-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.fab-wp-success.activated {
  background-color: #3cb95b;
}

.fab-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.fab-wp-info.activated {
  background-color: #186ad5;
}

.fab-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.fab-wp-warning.activated {
  background-color: #ffb214;
}

.fab-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.fab-wp-danger.activated {
  background-color: #dd5a47;
}

.fab-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.fab-wp-tam.activated {
  background-color: #d01814;
}

.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: #F68A22;
}

.icon-ios-secondary {
  color: #63BEFB;
}

.icon-ios-danger-low {
  color: #fb745e;
}

.icon-ios-light {
  color: #f4f4f4;
}

.icon-ios-dark {
  color: #222;
}

.icon-ios-favorite {
  color: #39B44A;
}

.icon-ios-darkgrey {
  color: #8e9093;
}

.icon-ios-emerald {
  color: #3498db;
}

.icon-ios-concrete {
  color: #bdc3c7;
}

.icon-ios-yellow {
  color: #ffff00;
}

.icon-ios-black {
  color: #000000;
}

.icon-ios-grey {
  color: #808080;
}

.icon-ios-red {
  color: #ed4956;
}

.icon-ios-notif {
  color: #17DFC4;
}

.icon-ios-new-badge {
  color: #63BEFB;
}

.icon-ios-accent {
  color: #63BEFB;
}

.icon-ios-skeleton {
  color: #dddddd;
}

.icon-ios-outline {
  color: #dbdbe1;
}

.icon-ios-secondary-text {
  color: #A5B0B7;
}

.icon-ios-text {
  color: #192528;
}

.icon-ios-label {
  color: #333333;
}

.icon-ios-hover {
  color: #eff2f4;
}

.icon-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.icon-ios-bgcard {
  color: #f2f5f8;
}

.icon-ios-bgcard2 {
  color: #fcfcfc;
}

.icon-ios-bglabel {
  color: #E2E9ED;
}

.icon-ios-primary-light {
  color: #08b2be;
}

.icon-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.icon-ios-primary-text {
  color: #189dae;
}

.icon-ios-white {
  color: #FFFFFF;
}

.icon-ios-success {
  color: #2BB34D;
}

.icon-ios-info {
  color: #1A73E8;
}

.icon-ios-warning {
  color: #FFAB00;
}

.icon-ios-danger {
  color: #F0624D;
}

.icon-ios-tam {
  color: #CC0400;
}

.icon-md-primary {
  color: #F68A22;
}

.icon-md-secondary {
  color: #63BEFB;
}

.icon-md-danger-low {
  color: #fb745e;
}

.icon-md-light {
  color: #f4f4f4;
}

.icon-md-dark {
  color: #222;
}

.icon-md-favorite {
  color: #39B44A;
}

.icon-md-darkgrey {
  color: #8e9093;
}

.icon-md-emerald {
  color: #3498db;
}

.icon-md-concrete {
  color: #bdc3c7;
}

.icon-md-yellow {
  color: #ffff00;
}

.icon-md-black {
  color: #000000;
}

.icon-md-grey {
  color: #808080;
}

.icon-md-red {
  color: #ed4956;
}

.icon-md-notif {
  color: #17DFC4;
}

.icon-md-new-badge {
  color: #63BEFB;
}

.icon-md-accent {
  color: #63BEFB;
}

.icon-md-skeleton {
  color: #dddddd;
}

.icon-md-outline {
  color: #dbdbe1;
}

.icon-md-secondary-text {
  color: #A5B0B7;
}

.icon-md-text {
  color: #192528;
}

.icon-md-label {
  color: #333333;
}

.icon-md-hover {
  color: #eff2f4;
}

.icon-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.icon-md-bgcard {
  color: #f2f5f8;
}

.icon-md-bgcard2 {
  color: #fcfcfc;
}

.icon-md-bglabel {
  color: #E2E9ED;
}

.icon-md-primary-light {
  color: #08b2be;
}

.icon-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.icon-md-primary-text {
  color: #189dae;
}

.icon-md-white {
  color: #FFFFFF;
}

.icon-md-success {
  color: #2BB34D;
}

.icon-md-info {
  color: #1A73E8;
}

.icon-md-warning {
  color: #FFAB00;
}

.icon-md-danger {
  color: #F0624D;
}

.icon-md-tam {
  color: #CC0400;
}

.icon-wp-primary {
  color: #F68A22;
}

.icon-wp-secondary {
  color: #63BEFB;
}

.icon-wp-danger-low {
  color: #fb745e;
}

.icon-wp-light {
  color: #f4f4f4;
}

.icon-wp-dark {
  color: #222;
}

.icon-wp-favorite {
  color: #39B44A;
}

.icon-wp-darkgrey {
  color: #8e9093;
}

.icon-wp-emerald {
  color: #3498db;
}

.icon-wp-concrete {
  color: #bdc3c7;
}

.icon-wp-yellow {
  color: #ffff00;
}

.icon-wp-black {
  color: #000000;
}

.icon-wp-grey {
  color: #808080;
}

.icon-wp-red {
  color: #ed4956;
}

.icon-wp-notif {
  color: #17DFC4;
}

.icon-wp-new-badge {
  color: #63BEFB;
}

.icon-wp-accent {
  color: #63BEFB;
}

.icon-wp-skeleton {
  color: #dddddd;
}

.icon-wp-outline {
  color: #dbdbe1;
}

.icon-wp-secondary-text {
  color: #A5B0B7;
}

.icon-wp-text {
  color: #192528;
}

.icon-wp-label {
  color: #333333;
}

.icon-wp-hover {
  color: #eff2f4;
}

.icon-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.icon-wp-bgcard {
  color: #f2f5f8;
}

.icon-wp-bgcard2 {
  color: #fcfcfc;
}

.icon-wp-bglabel {
  color: #E2E9ED;
}

.icon-wp-primary-light {
  color: #08b2be;
}

.icon-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.icon-wp-primary-text {
  color: #189dae;
}

.icon-wp-white {
  color: #FFFFFF;
}

.icon-wp-success {
  color: #2BB34D;
}

.icon-wp-info {
  color: #1A73E8;
}

.icon-wp-warning {
  color: #FFAB00;
}

.icon-wp-danger {
  color: #F0624D;
}

.icon-wp-tam {
  color: #CC0400;
}

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: #999;
}

.text-input:-ms-input-placeholder {
  color: #999;
}

.text-input::-webkit-input-placeholder {
  text-indent: 0;
  color: #999;
}

textarea.text-input {
  display: block;
}

.text-input[disabled] {
  opacity: .4;
}

input.text-input:-webkit-autofill {
  background-color: transparent;
}

.platform-mobile textarea.text-input {
  resize: none;
}

.input-cover {
  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: #f4f4f4;
  -webkit-box-shadow: inset 0 -1px 0 0 #f4f4f4;
  box-shadow: inset 0 -1px 0 0 #f4f4f4;
}

.list-md .item-input.item-input-has-focus:last-child,
.list-md .item-input.input-has-focus:last-child {
  border-bottom-color: #f4f4f4;
  -webkit-box-shadow: inset 0 -1px 0 0 #f4f4f4;
  box-shadow: inset 0 -1px 0 0 #f4f4f4;
}

.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: #f4f4f4;
  -webkit-box-shadow: inset 0 -1px 0 0 #f4f4f4;
  box-shadow: inset 0 -1px 0 0 #f4f4f4;
}

.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: #f4f4f4;
  -webkit-box-shadow: inset 0 -1px 0 0 #f4f4f4;
  box-shadow: inset 0 -1px 0 0 #f4f4f4;
}

.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: #f4f4f4;
  -webkit-box-shadow: inset 0 -1px 0 0 #f4f4f4;
  box-shadow: inset 0 -1px 0 0 #f4f4f4;
}

.list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child {
  border-bottom-color: #f4f4f4;
  -webkit-box-shadow: inset 0 -1px 0 0 #f4f4f4;
  box-shadow: inset 0 -1px 0 0 #f4f4f4;
}

.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: #F68A22;
}

.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: #808080;
  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: 0.55px solid #c8c7cc;
}

@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='%23c8c7cc'/></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: #F68A22;
}

.item-ios-primary,
.item-divider-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.item-ios-primary p,
.item-divider-ios-primary p {
  color: #fff;
}

.item-ios-primary.activated,
.item-divider-ios-primary.activated {
  background-color: #e27f1f;
}

.item-ios .text-ios-secondary {
  color: #63BEFB;
}

.item-ios-secondary,
.item-divider-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.item-ios-secondary p,
.item-divider-ios-secondary p {
  color: #fff;
}

.item-ios-secondary.activated,
.item-divider-ios-secondary.activated {
  background-color: #5bafe7;
}

.item-ios .text-ios-danger-low {
  color: #fb745e;
}

.item-ios-danger-low,
.item-divider-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.item-ios-danger-low p,
.item-divider-ios-danger-low p {
  color: #fff;
}

.item-ios-danger-low.activated,
.item-divider-ios-danger-low.activated {
  background-color: #e76b56;
}

.item-ios .text-ios-light {
  color: #f4f4f4;
}

.item-ios-light,
.item-divider-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.item-ios-light p,
.item-divider-ios-light p {
  color: #000;
}

.item-ios-light.activated,
.item-divider-ios-light.activated {
  background-color: #e0e0e0;
}

.item-ios .text-ios-dark {
  color: #222;
}

.item-ios-dark,
.item-divider-ios-dark {
  color: #fff;
  background-color: #222;
}

.item-ios-dark p,
.item-divider-ios-dark p {
  color: #fff;
}

.item-ios-dark.activated,
.item-divider-ios-dark.activated {
  background-color: #343434;
}

.item-ios .text-ios-favorite {
  color: #39B44A;
}

.item-ios-favorite,
.item-divider-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.item-ios-favorite p,
.item-divider-ios-favorite p {
  color: #fff;
}

.item-ios-favorite.activated,
.item-divider-ios-favorite.activated {
  background-color: #49ba58;
}

.item-ios .text-ios-darkgrey {
  color: #8e9093;
}

.item-ios-darkgrey,
.item-divider-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.item-ios-darkgrey p,
.item-divider-ios-darkgrey p {
  color: #fff;
}

.item-ios-darkgrey.activated,
.item-divider-ios-darkgrey.activated {
  background-color: #838487;
}

.item-ios .text-ios-emerald {
  color: #3498db;
}

.item-ios-emerald,
.item-divider-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.item-ios-emerald p,
.item-divider-ios-emerald p {
  color: #fff;
}

.item-ios-emerald.activated,
.item-divider-ios-emerald.activated {
  background-color: #308cc9;
}

.item-ios .text-ios-concrete {
  color: #bdc3c7;
}

.item-ios-concrete,
.item-divider-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.item-ios-concrete p,
.item-divider-ios-concrete p {
  color: #fff;
}

.item-ios-concrete.activated,
.item-divider-ios-concrete.activated {
  background-color: #aeb3b7;
}

.item-ios .text-ios-yellow {
  color: #ffff00;
}

.item-ios-yellow,
.item-divider-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.item-ios-yellow p,
.item-divider-ios-yellow p {
  color: #000;
}

.item-ios-yellow.activated,
.item-divider-ios-yellow.activated {
  background-color: #ffff14;
}

.item-ios .text-ios-black {
  color: #000000;
}

.item-ios-black,
.item-divider-ios-black {
  color: #fff;
  background-color: #000000;
}

.item-ios-black p,
.item-divider-ios-black p {
  color: #fff;
}

.item-ios-black.activated,
.item-divider-ios-black.activated {
  background-color: #141414;
}

.item-ios .text-ios-grey {
  color: #808080;
}

.item-ios-grey,
.item-divider-ios-grey {
  color: #fff;
  background-color: #808080;
}

.item-ios-grey p,
.item-divider-ios-grey p {
  color: #fff;
}

.item-ios-grey.activated,
.item-divider-ios-grey.activated {
  background-color: #767676;
}

.item-ios .text-ios-red {
  color: #ed4956;
}

.item-ios-red,
.item-divider-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.item-ios-red p,
.item-divider-ios-red p {
  color: #fff;
}

.item-ios-red.activated,
.item-divider-ios-red.activated {
  background-color: #da434f;
}

.item-ios .text-ios-notif {
  color: #17DFC4;
}

.item-ios-notif,
.item-divider-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.item-ios-notif p,
.item-divider-ios-notif p {
  color: #fff;
}

.item-ios-notif.activated,
.item-divider-ios-notif.activated {
  background-color: #2ae2c9;
}

.item-ios .text-ios-new-badge {
  color: #63BEFB;
}

.item-ios-new-badge,
.item-divider-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.item-ios-new-badge p,
.item-divider-ios-new-badge p {
  color: #fff;
}

.item-ios-new-badge.activated,
.item-divider-ios-new-badge.activated {
  background-color: #5bafe7;
}

.item-ios .text-ios-accent {
  color: #63BEFB;
}

.item-ios-accent,
.item-divider-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.item-ios-accent p,
.item-divider-ios-accent p {
  color: #fff;
}

.item-ios-accent.activated,
.item-divider-ios-accent.activated {
  background-color: #5bafe7;
}

.item-ios .text-ios-skeleton {
  color: #dddddd;
}

.item-ios-skeleton,
.item-divider-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.item-ios-skeleton p,
.item-divider-ios-skeleton p {
  color: #000;
}

.item-ios-skeleton.activated,
.item-divider-ios-skeleton.activated {
  background-color: #cbcbcb;
}

.item-ios .text-ios-outline {
  color: #dbdbe1;
}

.item-ios-outline,
.item-divider-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.item-ios-outline p,
.item-divider-ios-outline p {
  color: #000;
}

.item-ios-outline.activated,
.item-divider-ios-outline.activated {
  background-color: #c9c9cf;
}

.item-ios .text-ios-secondary-text {
  color: #A5B0B7;
}

.item-ios-secondary-text,
.item-divider-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.item-ios-secondary-text p,
.item-divider-ios-secondary-text p {
  color: #fff;
}

.item-ios-secondary-text.activated,
.item-divider-ios-secondary-text.activated {
  background-color: #98a2a8;
}

.item-ios .text-ios-text {
  color: #192528;
}

.item-ios-text,
.item-divider-ios-text {
  color: #fff;
  background-color: #192528;
}

.item-ios-text p,
.item-divider-ios-text p {
  color: #fff;
}

.item-ios-text.activated,
.item-divider-ios-text.activated {
  background-color: #2b3639;
}

.item-ios .text-ios-label {
  color: #333333;
}

.item-ios-label,
.item-divider-ios-label {
  color: #fff;
  background-color: #333333;
}

.item-ios-label p,
.item-divider-ios-label p {
  color: #fff;
}

.item-ios-label.activated,
.item-divider-ios-label.activated {
  background-color: #434343;
}

.item-ios .text-ios-hover {
  color: #eff2f4;
}

.item-ios-hover,
.item-divider-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.item-ios-hover p,
.item-divider-ios-hover p {
  color: #000;
}

.item-ios-hover.activated,
.item-divider-ios-hover.activated {
  background-color: #dcdfe0;
}

.item-ios .text-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.item-ios-hover-dark,
.item-divider-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.item-ios-hover-dark p,
.item-divider-ios-hover-dark p {
  color: #fff;
}

.item-ios-hover-dark.activated,
.item-divider-ios-hover-dark.activated {
  background-color: rgba(61, 61, 61, 0.172);
}

.item-ios .text-ios-bgcard {
  color: #f2f5f8;
}

.item-ios-bgcard,
.item-divider-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.item-ios-bgcard p,
.item-divider-ios-bgcard p {
  color: #000;
}

.item-ios-bgcard.activated,
.item-divider-ios-bgcard.activated {
  background-color: #dee1e4;
}

.item-ios .text-ios-bgcard2 {
  color: #fcfcfc;
}

.item-ios-bgcard2,
.item-divider-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.item-ios-bgcard2 p,
.item-divider-ios-bgcard2 p {
  color: #000;
}

.item-ios-bgcard2.activated,
.item-divider-ios-bgcard2.activated {
  background-color: #e8e8e8;
}

.item-ios .text-ios-bglabel {
  color: #E2E9ED;
}

.item-ios-bglabel,
.item-divider-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.item-ios-bglabel p,
.item-divider-ios-bglabel p {
  color: #000;
}

.item-ios-bglabel.activated,
.item-divider-ios-bglabel.activated {
  background-color: #d0d6da;
}

.item-ios .text-ios-primary-light {
  color: #08b2be;
}

.item-ios-primary-light,
.item-divider-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.item-ios-primary-light p,
.item-divider-ios-primary-light p {
  color: #fff;
}

.item-ios-primary-light.activated,
.item-divider-ios-primary-light.activated {
  background-color: #1cb8c3;
}

.item-ios .text-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.item-ios-bgicon,
.item-divider-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.item-ios-bgicon p,
.item-divider-ios-bgicon p {
  color: #000;
}

.item-ios-bgicon.activated,
.item-divider-ios-bgicon.activated {
  background-color: rgba(188, 194, 197, 0.632);
}

.item-ios .text-ios-primary-text {
  color: #189dae;
}

.item-ios-primary-text,
.item-divider-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.item-ios-primary-text p,
.item-divider-ios-primary-text p {
  color: #fff;
}

.item-ios-primary-text.activated,
.item-divider-ios-primary-text.activated {
  background-color: #2aa5b4;
}

.item-ios .text-ios-white {
  color: #FFFFFF;
}

.item-ios-white,
.item-divider-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.item-ios-white p,
.item-divider-ios-white p {
  color: #000;
}

.item-ios-white.activated,
.item-divider-ios-white.activated {
  background-color: #ebebeb;
}

.item-ios .text-ios-success {
  color: #2BB34D;
}

.item-ios-success,
.item-divider-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.item-ios-success p,
.item-divider-ios-success p {
  color: #fff;
}

.item-ios-success.activated,
.item-divider-ios-success.activated {
  background-color: #3cb95b;
}

.item-ios .text-ios-info {
  color: #1A73E8;
}

.item-ios-info,
.item-divider-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.item-ios-info p,
.item-divider-ios-info p {
  color: #fff;
}

.item-ios-info.activated,
.item-divider-ios-info.activated {
  background-color: #186ad5;
}

.item-ios .text-ios-warning {
  color: #FFAB00;
}

.item-ios-warning,
.item-divider-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.item-ios-warning p,
.item-divider-ios-warning p {
  color: #fff;
}

.item-ios-warning.activated,
.item-divider-ios-warning.activated {
  background-color: #ffb214;
}

.item-ios .text-ios-danger {
  color: #F0624D;
}

.item-ios-danger,
.item-divider-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.item-ios-danger p,
.item-divider-ios-danger p {
  color: #fff;
}

.item-ios-danger.activated,
.item-divider-ios-danger.activated {
  background-color: #dd5a47;
}

.item-ios .text-ios-tam {
  color: #CC0400;
}

.item-ios-tam,
.item-divider-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.item-ios-tam p,
.item-divider-ios-tam p {
  color: #fff;
}

.item-ios-tam.activated,
.item-divider-ios-tam.activated {
  background-color: #d01814;
}

.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: #808080;
  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: #F68A22;
}

.item-md-primary,
.item-divider-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.item-md-primary p,
.item-divider-md-primary p {
  color: #fff;
}

.item-md-primary.activated,
.item-divider-md-primary.activated {
  background-color: #e27f1f;
}

.item-md .text-md-secondary {
  color: #63BEFB;
}

.item-md-secondary,
.item-divider-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.item-md-secondary p,
.item-divider-md-secondary p {
  color: #fff;
}

.item-md-secondary.activated,
.item-divider-md-secondary.activated {
  background-color: #5bafe7;
}

.item-md .text-md-danger-low {
  color: #fb745e;
}

.item-md-danger-low,
.item-divider-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.item-md-danger-low p,
.item-divider-md-danger-low p {
  color: #fff;
}

.item-md-danger-low.activated,
.item-divider-md-danger-low.activated {
  background-color: #e76b56;
}

.item-md .text-md-light {
  color: #f4f4f4;
}

.item-md-light,
.item-divider-md-light {
  color: #000;
  background-color: #f4f4f4;
}

.item-md-light p,
.item-divider-md-light p {
  color: #000;
}

.item-md-light.activated,
.item-divider-md-light.activated {
  background-color: #e0e0e0;
}

.item-md .text-md-dark {
  color: #222;
}

.item-md-dark,
.item-divider-md-dark {
  color: #fff;
  background-color: #222;
}

.item-md-dark p,
.item-divider-md-dark p {
  color: #fff;
}

.item-md-dark.activated,
.item-divider-md-dark.activated {
  background-color: #343434;
}

.item-md .text-md-favorite {
  color: #39B44A;
}

.item-md-favorite,
.item-divider-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.item-md-favorite p,
.item-divider-md-favorite p {
  color: #fff;
}

.item-md-favorite.activated,
.item-divider-md-favorite.activated {
  background-color: #49ba58;
}

.item-md .text-md-darkgrey {
  color: #8e9093;
}

.item-md-darkgrey,
.item-divider-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.item-md-darkgrey p,
.item-divider-md-darkgrey p {
  color: #fff;
}

.item-md-darkgrey.activated,
.item-divider-md-darkgrey.activated {
  background-color: #838487;
}

.item-md .text-md-emerald {
  color: #3498db;
}

.item-md-emerald,
.item-divider-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.item-md-emerald p,
.item-divider-md-emerald p {
  color: #fff;
}

.item-md-emerald.activated,
.item-divider-md-emerald.activated {
  background-color: #308cc9;
}

.item-md .text-md-concrete {
  color: #bdc3c7;
}

.item-md-concrete,
.item-divider-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.item-md-concrete p,
.item-divider-md-concrete p {
  color: #fff;
}

.item-md-concrete.activated,
.item-divider-md-concrete.activated {
  background-color: #aeb3b7;
}

.item-md .text-md-yellow {
  color: #ffff00;
}

.item-md-yellow,
.item-divider-md-yellow {
  color: #000;
  background-color: #ffff00;
}

.item-md-yellow p,
.item-divider-md-yellow p {
  color: #000;
}

.item-md-yellow.activated,
.item-divider-md-yellow.activated {
  background-color: #ffff14;
}

.item-md .text-md-black {
  color: #000000;
}

.item-md-black,
.item-divider-md-black {
  color: #fff;
  background-color: #000000;
}

.item-md-black p,
.item-divider-md-black p {
  color: #fff;
}

.item-md-black.activated,
.item-divider-md-black.activated {
  background-color: #141414;
}

.item-md .text-md-grey {
  color: #808080;
}

.item-md-grey,
.item-divider-md-grey {
  color: #fff;
  background-color: #808080;
}

.item-md-grey p,
.item-divider-md-grey p {
  color: #fff;
}

.item-md-grey.activated,
.item-divider-md-grey.activated {
  background-color: #767676;
}

.item-md .text-md-red {
  color: #ed4956;
}

.item-md-red,
.item-divider-md-red {
  color: #fff;
  background-color: #ed4956;
}

.item-md-red p,
.item-divider-md-red p {
  color: #fff;
}

.item-md-red.activated,
.item-divider-md-red.activated {
  background-color: #da434f;
}

.item-md .text-md-notif {
  color: #17DFC4;
}

.item-md-notif,
.item-divider-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.item-md-notif p,
.item-divider-md-notif p {
  color: #fff;
}

.item-md-notif.activated,
.item-divider-md-notif.activated {
  background-color: #2ae2c9;
}

.item-md .text-md-new-badge {
  color: #63BEFB;
}

.item-md-new-badge,
.item-divider-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.item-md-new-badge p,
.item-divider-md-new-badge p {
  color: #fff;
}

.item-md-new-badge.activated,
.item-divider-md-new-badge.activated {
  background-color: #5bafe7;
}

.item-md .text-md-accent {
  color: #63BEFB;
}

.item-md-accent,
.item-divider-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.item-md-accent p,
.item-divider-md-accent p {
  color: #fff;
}

.item-md-accent.activated,
.item-divider-md-accent.activated {
  background-color: #5bafe7;
}

.item-md .text-md-skeleton {
  color: #dddddd;
}

.item-md-skeleton,
.item-divider-md-skeleton {
  color: #000;
  background-color: #dddddd;
}

.item-md-skeleton p,
.item-divider-md-skeleton p {
  color: #000;
}

.item-md-skeleton.activated,
.item-divider-md-skeleton.activated {
  background-color: #cbcbcb;
}

.item-md .text-md-outline {
  color: #dbdbe1;
}

.item-md-outline,
.item-divider-md-outline {
  color: #000;
  background-color: #dbdbe1;
}

.item-md-outline p,
.item-divider-md-outline p {
  color: #000;
}

.item-md-outline.activated,
.item-divider-md-outline.activated {
  background-color: #c9c9cf;
}

.item-md .text-md-secondary-text {
  color: #A5B0B7;
}

.item-md-secondary-text,
.item-divider-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.item-md-secondary-text p,
.item-divider-md-secondary-text p {
  color: #fff;
}

.item-md-secondary-text.activated,
.item-divider-md-secondary-text.activated {
  background-color: #98a2a8;
}

.item-md .text-md-text {
  color: #192528;
}

.item-md-text,
.item-divider-md-text {
  color: #fff;
  background-color: #192528;
}

.item-md-text p,
.item-divider-md-text p {
  color: #fff;
}

.item-md-text.activated,
.item-divider-md-text.activated {
  background-color: #2b3639;
}

.item-md .text-md-label {
  color: #333333;
}

.item-md-label,
.item-divider-md-label {
  color: #fff;
  background-color: #333333;
}

.item-md-label p,
.item-divider-md-label p {
  color: #fff;
}

.item-md-label.activated,
.item-divider-md-label.activated {
  background-color: #434343;
}

.item-md .text-md-hover {
  color: #eff2f4;
}

.item-md-hover,
.item-divider-md-hover {
  color: #000;
  background-color: #eff2f4;
}

.item-md-hover p,
.item-divider-md-hover p {
  color: #000;
}

.item-md-hover.activated,
.item-divider-md-hover.activated {
  background-color: #dcdfe0;
}

.item-md .text-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.item-md-hover-dark,
.item-divider-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.item-md-hover-dark p,
.item-divider-md-hover-dark p {
  color: #fff;
}

.item-md-hover-dark.activated,
.item-divider-md-hover-dark.activated {
  background-color: rgba(61, 61, 61, 0.172);
}

.item-md .text-md-bgcard {
  color: #f2f5f8;
}

.item-md-bgcard,
.item-divider-md-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.item-md-bgcard p,
.item-divider-md-bgcard p {
  color: #000;
}

.item-md-bgcard.activated,
.item-divider-md-bgcard.activated {
  background-color: #dee1e4;
}

.item-md .text-md-bgcard2 {
  color: #fcfcfc;
}

.item-md-bgcard2,
.item-divider-md-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.item-md-bgcard2 p,
.item-divider-md-bgcard2 p {
  color: #000;
}

.item-md-bgcard2.activated,
.item-divider-md-bgcard2.activated {
  background-color: #e8e8e8;
}

.item-md .text-md-bglabel {
  color: #E2E9ED;
}

.item-md-bglabel,
.item-divider-md-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.item-md-bglabel p,
.item-divider-md-bglabel p {
  color: #000;
}

.item-md-bglabel.activated,
.item-divider-md-bglabel.activated {
  background-color: #d0d6da;
}

.item-md .text-md-primary-light {
  color: #08b2be;
}

.item-md-primary-light,
.item-divider-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.item-md-primary-light p,
.item-divider-md-primary-light p {
  color: #fff;
}

.item-md-primary-light.activated,
.item-divider-md-primary-light.activated {
  background-color: #1cb8c3;
}

.item-md .text-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.item-md-bgicon,
.item-divider-md-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.item-md-bgicon p,
.item-divider-md-bgicon p {
  color: #000;
}

.item-md-bgicon.activated,
.item-divider-md-bgicon.activated {
  background-color: rgba(188, 194, 197, 0.632);
}

.item-md .text-md-primary-text {
  color: #189dae;
}

.item-md-primary-text,
.item-divider-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.item-md-primary-text p,
.item-divider-md-primary-text p {
  color: #fff;
}

.item-md-primary-text.activated,
.item-divider-md-primary-text.activated {
  background-color: #2aa5b4;
}

.item-md .text-md-white {
  color: #FFFFFF;
}

.item-md-white,
.item-divider-md-white {
  color: #000;
  background-color: #FFFFFF;
}

.item-md-white p,
.item-divider-md-white p {
  color: #000;
}

.item-md-white.activated,
.item-divider-md-white.activated {
  background-color: #ebebeb;
}

.item-md .text-md-success {
  color: #2BB34D;
}

.item-md-success,
.item-divider-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.item-md-success p,
.item-divider-md-success p {
  color: #fff;
}

.item-md-success.activated,
.item-divider-md-success.activated {
  background-color: #3cb95b;
}

.item-md .text-md-info {
  color: #1A73E8;
}

.item-md-info,
.item-divider-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.item-md-info p,
.item-divider-md-info p {
  color: #fff;
}

.item-md-info.activated,
.item-divider-md-info.activated {
  background-color: #186ad5;
}

.item-md .text-md-warning {
  color: #FFAB00;
}

.item-md-warning,
.item-divider-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.item-md-warning p,
.item-divider-md-warning p {
  color: #fff;
}

.item-md-warning.activated,
.item-divider-md-warning.activated {
  background-color: #ffb214;
}

.item-md .text-md-danger {
  color: #F0624D;
}

.item-md-danger,
.item-divider-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.item-md-danger p,
.item-divider-md-danger p {
  color: #fff;
}

.item-md-danger.activated,
.item-divider-md-danger.activated {
  background-color: #dd5a47;
}

.item-md .text-md-tam {
  color: #CC0400;
}

.item-md-tam,
.item-divider-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.item-md-tam p,
.item-divider-md-tam p {
  color: #fff;
}

.item-md-tam.activated,
.item-divider-md-tam.activated {
  background-color: #d01814;
}

.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: #808080;
  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: #808080;
  background-color: #fff;
}

.item-wp .text-wp-primary {
  color: #F68A22;
}

.item-wp-primary,
.item-divider-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.item-wp-primary p,
.item-divider-wp-primary p {
  color: #fff;
}

.item-wp-primary.activated,
.item-divider-wp-primary.activated {
  background-color: #e27f1f;
}

.item-wp .text-wp-secondary {
  color: #63BEFB;
}

.item-wp-secondary,
.item-divider-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.item-wp-secondary p,
.item-divider-wp-secondary p {
  color: #fff;
}

.item-wp-secondary.activated,
.item-divider-wp-secondary.activated {
  background-color: #5bafe7;
}

.item-wp .text-wp-danger-low {
  color: #fb745e;
}

.item-wp-danger-low,
.item-divider-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.item-wp-danger-low p,
.item-divider-wp-danger-low p {
  color: #fff;
}

.item-wp-danger-low.activated,
.item-divider-wp-danger-low.activated {
  background-color: #e76b56;
}

.item-wp .text-wp-light {
  color: #f4f4f4;
}

.item-wp-light,
.item-divider-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.item-wp-light p,
.item-divider-wp-light p {
  color: #000;
}

.item-wp-light.activated,
.item-divider-wp-light.activated {
  background-color: #e0e0e0;
}

.item-wp .text-wp-dark {
  color: #222;
}

.item-wp-dark,
.item-divider-wp-dark {
  color: #fff;
  background-color: #222;
}

.item-wp-dark p,
.item-divider-wp-dark p {
  color: #fff;
}

.item-wp-dark.activated,
.item-divider-wp-dark.activated {
  background-color: #343434;
}

.item-wp .text-wp-favorite {
  color: #39B44A;
}

.item-wp-favorite,
.item-divider-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.item-wp-favorite p,
.item-divider-wp-favorite p {
  color: #fff;
}

.item-wp-favorite.activated,
.item-divider-wp-favorite.activated {
  background-color: #49ba58;
}

.item-wp .text-wp-darkgrey {
  color: #8e9093;
}

.item-wp-darkgrey,
.item-divider-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.item-wp-darkgrey p,
.item-divider-wp-darkgrey p {
  color: #fff;
}

.item-wp-darkgrey.activated,
.item-divider-wp-darkgrey.activated {
  background-color: #838487;
}

.item-wp .text-wp-emerald {
  color: #3498db;
}

.item-wp-emerald,
.item-divider-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.item-wp-emerald p,
.item-divider-wp-emerald p {
  color: #fff;
}

.item-wp-emerald.activated,
.item-divider-wp-emerald.activated {
  background-color: #308cc9;
}

.item-wp .text-wp-concrete {
  color: #bdc3c7;
}

.item-wp-concrete,
.item-divider-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.item-wp-concrete p,
.item-divider-wp-concrete p {
  color: #fff;
}

.item-wp-concrete.activated,
.item-divider-wp-concrete.activated {
  background-color: #aeb3b7;
}

.item-wp .text-wp-yellow {
  color: #ffff00;
}

.item-wp-yellow,
.item-divider-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.item-wp-yellow p,
.item-divider-wp-yellow p {
  color: #000;
}

.item-wp-yellow.activated,
.item-divider-wp-yellow.activated {
  background-color: #ffff14;
}

.item-wp .text-wp-black {
  color: #000000;
}

.item-wp-black,
.item-divider-wp-black {
  color: #fff;
  background-color: #000000;
}

.item-wp-black p,
.item-divider-wp-black p {
  color: #fff;
}

.item-wp-black.activated,
.item-divider-wp-black.activated {
  background-color: #141414;
}

.item-wp .text-wp-grey {
  color: #808080;
}

.item-wp-grey,
.item-divider-wp-grey {
  color: #fff;
  background-color: #808080;
}

.item-wp-grey p,
.item-divider-wp-grey p {
  color: #fff;
}

.item-wp-grey.activated,
.item-divider-wp-grey.activated {
  background-color: #767676;
}

.item-wp .text-wp-red {
  color: #ed4956;
}

.item-wp-red,
.item-divider-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.item-wp-red p,
.item-divider-wp-red p {
  color: #fff;
}

.item-wp-red.activated,
.item-divider-wp-red.activated {
  background-color: #da434f;
}

.item-wp .text-wp-notif {
  color: #17DFC4;
}

.item-wp-notif,
.item-divider-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.item-wp-notif p,
.item-divider-wp-notif p {
  color: #fff;
}

.item-wp-notif.activated,
.item-divider-wp-notif.activated {
  background-color: #2ae2c9;
}

.item-wp .text-wp-new-badge {
  color: #63BEFB;
}

.item-wp-new-badge,
.item-divider-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.item-wp-new-badge p,
.item-divider-wp-new-badge p {
  color: #fff;
}

.item-wp-new-badge.activated,
.item-divider-wp-new-badge.activated {
  background-color: #5bafe7;
}

.item-wp .text-wp-accent {
  color: #63BEFB;
}

.item-wp-accent,
.item-divider-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.item-wp-accent p,
.item-divider-wp-accent p {
  color: #fff;
}

.item-wp-accent.activated,
.item-divider-wp-accent.activated {
  background-color: #5bafe7;
}

.item-wp .text-wp-skeleton {
  color: #dddddd;
}

.item-wp-skeleton,
.item-divider-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.item-wp-skeleton p,
.item-divider-wp-skeleton p {
  color: #000;
}

.item-wp-skeleton.activated,
.item-divider-wp-skeleton.activated {
  background-color: #cbcbcb;
}

.item-wp .text-wp-outline {
  color: #dbdbe1;
}

.item-wp-outline,
.item-divider-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.item-wp-outline p,
.item-divider-wp-outline p {
  color: #000;
}

.item-wp-outline.activated,
.item-divider-wp-outline.activated {
  background-color: #c9c9cf;
}

.item-wp .text-wp-secondary-text {
  color: #A5B0B7;
}

.item-wp-secondary-text,
.item-divider-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.item-wp-secondary-text p,
.item-divider-wp-secondary-text p {
  color: #fff;
}

.item-wp-secondary-text.activated,
.item-divider-wp-secondary-text.activated {
  background-color: #98a2a8;
}

.item-wp .text-wp-text {
  color: #192528;
}

.item-wp-text,
.item-divider-wp-text {
  color: #fff;
  background-color: #192528;
}

.item-wp-text p,
.item-divider-wp-text p {
  color: #fff;
}

.item-wp-text.activated,
.item-divider-wp-text.activated {
  background-color: #2b3639;
}

.item-wp .text-wp-label {
  color: #333333;
}

.item-wp-label,
.item-divider-wp-label {
  color: #fff;
  background-color: #333333;
}

.item-wp-label p,
.item-divider-wp-label p {
  color: #fff;
}

.item-wp-label.activated,
.item-divider-wp-label.activated {
  background-color: #434343;
}

.item-wp .text-wp-hover {
  color: #eff2f4;
}

.item-wp-hover,
.item-divider-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.item-wp-hover p,
.item-divider-wp-hover p {
  color: #000;
}

.item-wp-hover.activated,
.item-divider-wp-hover.activated {
  background-color: #dcdfe0;
}

.item-wp .text-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.item-wp-hover-dark,
.item-divider-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.item-wp-hover-dark p,
.item-divider-wp-hover-dark p {
  color: #fff;
}

.item-wp-hover-dark.activated,
.item-divider-wp-hover-dark.activated {
  background-color: rgba(61, 61, 61, 0.172);
}

.item-wp .text-wp-bgcard {
  color: #f2f5f8;
}

.item-wp-bgcard,
.item-divider-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.item-wp-bgcard p,
.item-divider-wp-bgcard p {
  color: #000;
}

.item-wp-bgcard.activated,
.item-divider-wp-bgcard.activated {
  background-color: #dee1e4;
}

.item-wp .text-wp-bgcard2 {
  color: #fcfcfc;
}

.item-wp-bgcard2,
.item-divider-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.item-wp-bgcard2 p,
.item-divider-wp-bgcard2 p {
  color: #000;
}

.item-wp-bgcard2.activated,
.item-divider-wp-bgcard2.activated {
  background-color: #e8e8e8;
}

.item-wp .text-wp-bglabel {
  color: #E2E9ED;
}

.item-wp-bglabel,
.item-divider-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.item-wp-bglabel p,
.item-divider-wp-bglabel p {
  color: #000;
}

.item-wp-bglabel.activated,
.item-divider-wp-bglabel.activated {
  background-color: #d0d6da;
}

.item-wp .text-wp-primary-light {
  color: #08b2be;
}

.item-wp-primary-light,
.item-divider-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.item-wp-primary-light p,
.item-divider-wp-primary-light p {
  color: #fff;
}

.item-wp-primary-light.activated,
.item-divider-wp-primary-light.activated {
  background-color: #1cb8c3;
}

.item-wp .text-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.item-wp-bgicon,
.item-divider-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.item-wp-bgicon p,
.item-divider-wp-bgicon p {
  color: #000;
}

.item-wp-bgicon.activated,
.item-divider-wp-bgicon.activated {
  background-color: rgba(188, 194, 197, 0.632);
}

.item-wp .text-wp-primary-text {
  color: #189dae;
}

.item-wp-primary-text,
.item-divider-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.item-wp-primary-text p,
.item-divider-wp-primary-text p {
  color: #fff;
}

.item-wp-primary-text.activated,
.item-divider-wp-primary-text.activated {
  background-color: #2aa5b4;
}

.item-wp .text-wp-white {
  color: #FFFFFF;
}

.item-wp-white,
.item-divider-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.item-wp-white p,
.item-divider-wp-white p {
  color: #000;
}

.item-wp-white.activated,
.item-divider-wp-white.activated {
  background-color: #ebebeb;
}

.item-wp .text-wp-success {
  color: #2BB34D;
}

.item-wp-success,
.item-divider-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.item-wp-success p,
.item-divider-wp-success p {
  color: #fff;
}

.item-wp-success.activated,
.item-divider-wp-success.activated {
  background-color: #3cb95b;
}

.item-wp .text-wp-info {
  color: #1A73E8;
}

.item-wp-info,
.item-divider-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.item-wp-info p,
.item-divider-wp-info p {
  color: #fff;
}

.item-wp-info.activated,
.item-divider-wp-info.activated {
  background-color: #186ad5;
}

.item-wp .text-wp-warning {
  color: #FFAB00;
}

.item-wp-warning,
.item-divider-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.item-wp-warning p,
.item-divider-wp-warning p {
  color: #fff;
}

.item-wp-warning.activated,
.item-divider-wp-warning.activated {
  background-color: #ffb214;
}

.item-wp .text-wp-danger {
  color: #F0624D;
}

.item-wp-danger,
.item-divider-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.item-wp-danger p,
.item-divider-wp-danger p {
  color: #fff;
}

.item-wp-danger.activated,
.item-divider-wp-danger.activated {
  background-color: #dd5a47;
}

.item-wp .text-wp-tam {
  color: #CC0400;
}

.item-wp-tam,
.item-divider-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.item-wp-tam p,
.item-divider-wp-tam p {
  color: #fff;
}

.item-wp-tam.activated,
.item-divider-wp-tam.activated {
  background-color: #d01814;
}

.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: #F68A22;
}

.label-ios-secondary,
.item-input .label-ios-secondary,
.item-select .label-ios-secondary,
.item-datetime .label-ios-secondary {
  color: #63BEFB;
}

.label-ios-danger-low,
.item-input .label-ios-danger-low,
.item-select .label-ios-danger-low,
.item-datetime .label-ios-danger-low {
  color: #fb745e;
}

.label-ios-light,
.item-input .label-ios-light,
.item-select .label-ios-light,
.item-datetime .label-ios-light {
  color: #f4f4f4;
}

.label-ios-dark,
.item-input .label-ios-dark,
.item-select .label-ios-dark,
.item-datetime .label-ios-dark {
  color: #222;
}

.label-ios-favorite,
.item-input .label-ios-favorite,
.item-select .label-ios-favorite,
.item-datetime .label-ios-favorite {
  color: #39B44A;
}

.label-ios-darkgrey,
.item-input .label-ios-darkgrey,
.item-select .label-ios-darkgrey,
.item-datetime .label-ios-darkgrey {
  color: #8e9093;
}

.label-ios-emerald,
.item-input .label-ios-emerald,
.item-select .label-ios-emerald,
.item-datetime .label-ios-emerald {
  color: #3498db;
}

.label-ios-concrete,
.item-input .label-ios-concrete,
.item-select .label-ios-concrete,
.item-datetime .label-ios-concrete {
  color: #bdc3c7;
}

.label-ios-yellow,
.item-input .label-ios-yellow,
.item-select .label-ios-yellow,
.item-datetime .label-ios-yellow {
  color: #ffff00;
}

.label-ios-black,
.item-input .label-ios-black,
.item-select .label-ios-black,
.item-datetime .label-ios-black {
  color: #000000;
}

.label-ios-grey,
.item-input .label-ios-grey,
.item-select .label-ios-grey,
.item-datetime .label-ios-grey {
  color: #808080;
}

.label-ios-red,
.item-input .label-ios-red,
.item-select .label-ios-red,
.item-datetime .label-ios-red {
  color: #ed4956;
}

.label-ios-notif,
.item-input .label-ios-notif,
.item-select .label-ios-notif,
.item-datetime .label-ios-notif {
  color: #17DFC4;
}

.label-ios-new-badge,
.item-input .label-ios-new-badge,
.item-select .label-ios-new-badge,
.item-datetime .label-ios-new-badge {
  color: #63BEFB;
}

.label-ios-accent,
.item-input .label-ios-accent,
.item-select .label-ios-accent,
.item-datetime .label-ios-accent {
  color: #63BEFB;
}

.label-ios-skeleton,
.item-input .label-ios-skeleton,
.item-select .label-ios-skeleton,
.item-datetime .label-ios-skeleton {
  color: #dddddd;
}

.label-ios-outline,
.item-input .label-ios-outline,
.item-select .label-ios-outline,
.item-datetime .label-ios-outline {
  color: #dbdbe1;
}

.label-ios-secondary-text,
.item-input .label-ios-secondary-text,
.item-select .label-ios-secondary-text,
.item-datetime .label-ios-secondary-text {
  color: #A5B0B7;
}

.label-ios-text,
.item-input .label-ios-text,
.item-select .label-ios-text,
.item-datetime .label-ios-text {
  color: #192528;
}

.label-ios-label,
.item-input .label-ios-label,
.item-select .label-ios-label,
.item-datetime .label-ios-label {
  color: #333333;
}

.label-ios-hover,
.item-input .label-ios-hover,
.item-select .label-ios-hover,
.item-datetime .label-ios-hover {
  color: #eff2f4;
}

.label-ios-hover-dark,
.item-input .label-ios-hover-dark,
.item-select .label-ios-hover-dark,
.item-datetime .label-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.label-ios-bgcard,
.item-input .label-ios-bgcard,
.item-select .label-ios-bgcard,
.item-datetime .label-ios-bgcard {
  color: #f2f5f8;
}

.label-ios-bgcard2,
.item-input .label-ios-bgcard2,
.item-select .label-ios-bgcard2,
.item-datetime .label-ios-bgcard2 {
  color: #fcfcfc;
}

.label-ios-bglabel,
.item-input .label-ios-bglabel,
.item-select .label-ios-bglabel,
.item-datetime .label-ios-bglabel {
  color: #E2E9ED;
}

.label-ios-primary-light,
.item-input .label-ios-primary-light,
.item-select .label-ios-primary-light,
.item-datetime .label-ios-primary-light {
  color: #08b2be;
}

.label-ios-bgicon,
.item-input .label-ios-bgicon,
.item-select .label-ios-bgicon,
.item-datetime .label-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.label-ios-primary-text,
.item-input .label-ios-primary-text,
.item-select .label-ios-primary-text,
.item-datetime .label-ios-primary-text {
  color: #189dae;
}

.label-ios-white,
.item-input .label-ios-white,
.item-select .label-ios-white,
.item-datetime .label-ios-white {
  color: #FFFFFF;
}

.label-ios-success,
.item-input .label-ios-success,
.item-select .label-ios-success,
.item-datetime .label-ios-success {
  color: #2BB34D;
}

.label-ios-info,
.item-input .label-ios-info,
.item-select .label-ios-info,
.item-datetime .label-ios-info {
  color: #1A73E8;
}

.label-ios-warning,
.item-input .label-ios-warning,
.item-select .label-ios-warning,
.item-datetime .label-ios-warning {
  color: #FFAB00;
}

.label-ios-danger,
.item-input .label-ios-danger,
.item-select .label-ios-danger,
.item-datetime .label-ios-danger {
  color: #F0624D;
}

.label-ios-tam,
.item-input .label-ios-tam,
.item-select .label-ios-tam,
.item-datetime .label-ios-tam {
  color: #CC0400;
}

.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: #F68A22;
}

.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: #F68A22;
}

.label-md-secondary,
.item-input .label-md-secondary,
.item-select .label-md-secondary,
.item-datetime .label-md-secondary {
  color: #63BEFB;
}

.label-md-danger-low,
.item-input .label-md-danger-low,
.item-select .label-md-danger-low,
.item-datetime .label-md-danger-low {
  color: #fb745e;
}

.label-md-light,
.item-input .label-md-light,
.item-select .label-md-light,
.item-datetime .label-md-light {
  color: #f4f4f4;
}

.label-md-dark,
.item-input .label-md-dark,
.item-select .label-md-dark,
.item-datetime .label-md-dark {
  color: #222;
}

.label-md-favorite,
.item-input .label-md-favorite,
.item-select .label-md-favorite,
.item-datetime .label-md-favorite {
  color: #39B44A;
}

.label-md-darkgrey,
.item-input .label-md-darkgrey,
.item-select .label-md-darkgrey,
.item-datetime .label-md-darkgrey {
  color: #8e9093;
}

.label-md-emerald,
.item-input .label-md-emerald,
.item-select .label-md-emerald,
.item-datetime .label-md-emerald {
  color: #3498db;
}

.label-md-concrete,
.item-input .label-md-concrete,
.item-select .label-md-concrete,
.item-datetime .label-md-concrete {
  color: #bdc3c7;
}

.label-md-yellow,
.item-input .label-md-yellow,
.item-select .label-md-yellow,
.item-datetime .label-md-yellow {
  color: #ffff00;
}

.label-md-black,
.item-input .label-md-black,
.item-select .label-md-black,
.item-datetime .label-md-black {
  color: #000000;
}

.label-md-grey,
.item-input .label-md-grey,
.item-select .label-md-grey,
.item-datetime .label-md-grey {
  color: #808080;
}

.label-md-red,
.item-input .label-md-red,
.item-select .label-md-red,
.item-datetime .label-md-red {
  color: #ed4956;
}

.label-md-notif,
.item-input .label-md-notif,
.item-select .label-md-notif,
.item-datetime .label-md-notif {
  color: #17DFC4;
}

.label-md-new-badge,
.item-input .label-md-new-badge,
.item-select .label-md-new-badge,
.item-datetime .label-md-new-badge {
  color: #63BEFB;
}

.label-md-accent,
.item-input .label-md-accent,
.item-select .label-md-accent,
.item-datetime .label-md-accent {
  color: #63BEFB;
}

.label-md-skeleton,
.item-input .label-md-skeleton,
.item-select .label-md-skeleton,
.item-datetime .label-md-skeleton {
  color: #dddddd;
}

.label-md-outline,
.item-input .label-md-outline,
.item-select .label-md-outline,
.item-datetime .label-md-outline {
  color: #dbdbe1;
}

.label-md-secondary-text,
.item-input .label-md-secondary-text,
.item-select .label-md-secondary-text,
.item-datetime .label-md-secondary-text {
  color: #A5B0B7;
}

.label-md-text,
.item-input .label-md-text,
.item-select .label-md-text,
.item-datetime .label-md-text {
  color: #192528;
}

.label-md-label,
.item-input .label-md-label,
.item-select .label-md-label,
.item-datetime .label-md-label {
  color: #333333;
}

.label-md-hover,
.item-input .label-md-hover,
.item-select .label-md-hover,
.item-datetime .label-md-hover {
  color: #eff2f4;
}

.label-md-hover-dark,
.item-input .label-md-hover-dark,
.item-select .label-md-hover-dark,
.item-datetime .label-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.label-md-bgcard,
.item-input .label-md-bgcard,
.item-select .label-md-bgcard,
.item-datetime .label-md-bgcard {
  color: #f2f5f8;
}

.label-md-bgcard2,
.item-input .label-md-bgcard2,
.item-select .label-md-bgcard2,
.item-datetime .label-md-bgcard2 {
  color: #fcfcfc;
}

.label-md-bglabel,
.item-input .label-md-bglabel,
.item-select .label-md-bglabel,
.item-datetime .label-md-bglabel {
  color: #E2E9ED;
}

.label-md-primary-light,
.item-input .label-md-primary-light,
.item-select .label-md-primary-light,
.item-datetime .label-md-primary-light {
  color: #08b2be;
}

.label-md-bgicon,
.item-input .label-md-bgicon,
.item-select .label-md-bgicon,
.item-datetime .label-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.label-md-primary-text,
.item-input .label-md-primary-text,
.item-select .label-md-primary-text,
.item-datetime .label-md-primary-text {
  color: #189dae;
}

.label-md-white,
.item-input .label-md-white,
.item-select .label-md-white,
.item-datetime .label-md-white {
  color: #FFFFFF;
}

.label-md-success,
.item-input .label-md-success,
.item-select .label-md-success,
.item-datetime .label-md-success {
  color: #2BB34D;
}

.label-md-info,
.item-input .label-md-info,
.item-select .label-md-info,
.item-datetime .label-md-info {
  color: #1A73E8;
}

.label-md-warning,
.item-input .label-md-warning,
.item-select .label-md-warning,
.item-datetime .label-md-warning {
  color: #FFAB00;
}

.label-md-danger,
.item-input .label-md-danger,
.item-select .label-md-danger,
.item-datetime .label-md-danger {
  color: #F0624D;
}

.label-md-tam,
.item-input .label-md-tam,
.item-select .label-md-tam,
.item-datetime .label-md-tam {
  color: #CC0400;
}

.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: #F68A22;
}

.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: #F68A22;
}

.label-wp-secondary,
.item-input .label-wp-secondary,
.item-select .label-wp-secondary,
.item-datetime .label-wp-secondary {
  color: #63BEFB;
}

.label-wp-danger-low,
.item-input .label-wp-danger-low,
.item-select .label-wp-danger-low,
.item-datetime .label-wp-danger-low {
  color: #fb745e;
}

.label-wp-light,
.item-input .label-wp-light,
.item-select .label-wp-light,
.item-datetime .label-wp-light {
  color: #f4f4f4;
}

.label-wp-dark,
.item-input .label-wp-dark,
.item-select .label-wp-dark,
.item-datetime .label-wp-dark {
  color: #222;
}

.label-wp-favorite,
.item-input .label-wp-favorite,
.item-select .label-wp-favorite,
.item-datetime .label-wp-favorite {
  color: #39B44A;
}

.label-wp-darkgrey,
.item-input .label-wp-darkgrey,
.item-select .label-wp-darkgrey,
.item-datetime .label-wp-darkgrey {
  color: #8e9093;
}

.label-wp-emerald,
.item-input .label-wp-emerald,
.item-select .label-wp-emerald,
.item-datetime .label-wp-emerald {
  color: #3498db;
}

.label-wp-concrete,
.item-input .label-wp-concrete,
.item-select .label-wp-concrete,
.item-datetime .label-wp-concrete {
  color: #bdc3c7;
}

.label-wp-yellow,
.item-input .label-wp-yellow,
.item-select .label-wp-yellow,
.item-datetime .label-wp-yellow {
  color: #ffff00;
}

.label-wp-black,
.item-input .label-wp-black,
.item-select .label-wp-black,
.item-datetime .label-wp-black {
  color: #000000;
}

.label-wp-grey,
.item-input .label-wp-grey,
.item-select .label-wp-grey,
.item-datetime .label-wp-grey {
  color: #808080;
}

.label-wp-red,
.item-input .label-wp-red,
.item-select .label-wp-red,
.item-datetime .label-wp-red {
  color: #ed4956;
}

.label-wp-notif,
.item-input .label-wp-notif,
.item-select .label-wp-notif,
.item-datetime .label-wp-notif {
  color: #17DFC4;
}

.label-wp-new-badge,
.item-input .label-wp-new-badge,
.item-select .label-wp-new-badge,
.item-datetime .label-wp-new-badge {
  color: #63BEFB;
}

.label-wp-accent,
.item-input .label-wp-accent,
.item-select .label-wp-accent,
.item-datetime .label-wp-accent {
  color: #63BEFB;
}

.label-wp-skeleton,
.item-input .label-wp-skeleton,
.item-select .label-wp-skeleton,
.item-datetime .label-wp-skeleton {
  color: #dddddd;
}

.label-wp-outline,
.item-input .label-wp-outline,
.item-select .label-wp-outline,
.item-datetime .label-wp-outline {
  color: #dbdbe1;
}

.label-wp-secondary-text,
.item-input .label-wp-secondary-text,
.item-select .label-wp-secondary-text,
.item-datetime .label-wp-secondary-text {
  color: #A5B0B7;
}

.label-wp-text,
.item-input .label-wp-text,
.item-select .label-wp-text,
.item-datetime .label-wp-text {
  color: #192528;
}

.label-wp-label,
.item-input .label-wp-label,
.item-select .label-wp-label,
.item-datetime .label-wp-label {
  color: #333333;
}

.label-wp-hover,
.item-input .label-wp-hover,
.item-select .label-wp-hover,
.item-datetime .label-wp-hover {
  color: #eff2f4;
}

.label-wp-hover-dark,
.item-input .label-wp-hover-dark,
.item-select .label-wp-hover-dark,
.item-datetime .label-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.label-wp-bgcard,
.item-input .label-wp-bgcard,
.item-select .label-wp-bgcard,
.item-datetime .label-wp-bgcard {
  color: #f2f5f8;
}

.label-wp-bgcard2,
.item-input .label-wp-bgcard2,
.item-select .label-wp-bgcard2,
.item-datetime .label-wp-bgcard2 {
  color: #fcfcfc;
}

.label-wp-bglabel,
.item-input .label-wp-bglabel,
.item-select .label-wp-bglabel,
.item-datetime .label-wp-bglabel {
  color: #E2E9ED;
}

.label-wp-primary-light,
.item-input .label-wp-primary-light,
.item-select .label-wp-primary-light,
.item-datetime .label-wp-primary-light {
  color: #08b2be;
}

.label-wp-bgicon,
.item-input .label-wp-bgicon,
.item-select .label-wp-bgicon,
.item-datetime .label-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.label-wp-primary-text,
.item-input .label-wp-primary-text,
.item-select .label-wp-primary-text,
.item-datetime .label-wp-primary-text {
  color: #189dae;
}

.label-wp-white,
.item-input .label-wp-white,
.item-select .label-wp-white,
.item-datetime .label-wp-white {
  color: #FFFFFF;
}

.label-wp-success,
.item-input .label-wp-success,
.item-select .label-wp-success,
.item-datetime .label-wp-success {
  color: #2BB34D;
}

.label-wp-info,
.item-input .label-wp-info,
.item-select .label-wp-info,
.item-datetime .label-wp-info {
  color: #1A73E8;
}

.label-wp-warning,
.item-input .label-wp-warning,
.item-select .label-wp-warning,
.item-datetime .label-wp-warning {
  color: #FFAB00;
}

.label-wp-danger,
.item-input .label-wp-danger,
.item-select .label-wp-danger,
.item-datetime .label-wp-danger {
  color: #F0624D;
}

.label-wp-tam,
.item-input .label-wp-tam,
.item-select .label-wp-tam,
.item-datetime .label-wp-tam {
  color: #CC0400;
}

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: 0.55px solid #c8c7cc;
}

.list-ios > .item-block:last-child,
.list-ios > .item-wrapper:last-child .item-block {
  border-bottom: 0.55px solid #c8c7cc;
}

.list-ios > .item-block:last-child .item-inner,
.list-ios > .item-wrapper:last-child .item-block .item-inner {
  border-bottom: 0;
}

.list-ios .item-block .item-inner {
  border-bottom: 0.55px solid #c8c7cc;
}

.list-ios .item[no-lines],
.list-ios .item[no-lines] .item-inner {
  border-width: 0;
}

.list-ios ion-item-options {
  border-bottom: 0.55px solid #c8c7cc;
}

.list-ios ion-item-options .button {
  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 #c8c7cc;
}

.list-ios[inset] .item-inner {
  border-bottom: 0;
}

.list-ios[inset] > .item:first-child,
.list-ios[inset] > .item-wrapper:first-child .item {
  border-top: 0;
}

.list-ios[inset] > .item:last-child,
.list-ios[inset] > .item-wrapper:last-child .item {
  border-bottom: 0;
}

.list-ios[inset] + ion-list[inset] {
  margin-top: 0;
}

.list-ios[no-lines] ion-list-header,
.list-ios[no-lines] ion-item-options,
.list-ios[no-lines] .item,
.list-ios[no-lines] .item .item-inner {
  border-width: 0;
}

.list-header-ios {
  padding-left: 16px;
  padding-left: 16px;
  position: relative;
  border-bottom: 0.55px solid #c8c7cc;
  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: #F68A22;
}

.list-header-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.list-header-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.list-header-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.list-header-ios-dark {
  color: #fff;
  background-color: #222;
}

.list-header-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.list-header-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.list-header-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.list-header-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.list-header-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.list-header-ios-black {
  color: #fff;
  background-color: #000000;
}

.list-header-ios-grey {
  color: #fff;
  background-color: #808080;
}

.list-header-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.list-header-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.list-header-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.list-header-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.list-header-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.list-header-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.list-header-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.list-header-ios-text {
  color: #fff;
  background-color: #192528;
}

.list-header-ios-label {
  color: #fff;
  background-color: #333333;
}

.list-header-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.list-header-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.list-header-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.list-header-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.list-header-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.list-header-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.list-header-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.list-header-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.list-header-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.list-header-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.list-header-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.list-header-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.list-header-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.list-header-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.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: #F68A22;
}

.list-header-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.list-header-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.list-header-md-light {
  color: #000;
  background-color: #f4f4f4;
}

.list-header-md-dark {
  color: #fff;
  background-color: #222;
}

.list-header-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.list-header-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.list-header-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.list-header-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.list-header-md-yellow {
  color: #000;
  background-color: #ffff00;
}

.list-header-md-black {
  color: #fff;
  background-color: #000000;
}

.list-header-md-grey {
  color: #fff;
  background-color: #808080;
}

.list-header-md-red {
  color: #fff;
  background-color: #ed4956;
}

.list-header-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.list-header-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.list-header-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.list-header-md-skeleton {
  color: #000;
  background-color: #dddddd;
}

.list-header-md-outline {
  color: #000;
  background-color: #dbdbe1;
}

.list-header-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.list-header-md-text {
  color: #fff;
  background-color: #192528;
}

.list-header-md-label {
  color: #fff;
  background-color: #333333;
}

.list-header-md-hover {
  color: #000;
  background-color: #eff2f4;
}

.list-header-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.list-header-md-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.list-header-md-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.list-header-md-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.list-header-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.list-header-md-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.list-header-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.list-header-md-white {
  color: #000;
  background-color: #FFFFFF;
}

.list-header-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.list-header-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.list-header-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.list-header-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.list-header-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.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: #808080;
}

.list-header-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.list-header-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.list-header-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.list-header-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.list-header-wp-dark {
  color: #fff;
  background-color: #222;
}

.list-header-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.list-header-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.list-header-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.list-header-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.list-header-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.list-header-wp-black {
  color: #fff;
  background-color: #000000;
}

.list-header-wp-grey {
  color: #fff;
  background-color: #808080;
}

.list-header-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.list-header-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.list-header-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.list-header-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.list-header-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.list-header-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.list-header-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.list-header-wp-text {
  color: #fff;
  background-color: #192528;
}

.list-header-wp-label {
  color: #fff;
  background-color: #333333;
}

.list-header-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.list-header-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.list-header-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.list-header-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.list-header-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.list-header-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.list-header-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.list-header-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.list-header-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.list-header-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.list-header-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.list-header-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.list-header-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.list-header-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

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: transparent;
  padding: 24px 34px;
}

.loading-ios .loading-content {
  font-weight: bold;
}

.loading-ios .loading-spinner + .loading-content {
  margin-left: 20px;
}

.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: transparent;
  -webkit-box-shadow: 0 16px 20px transparent;
  box-shadow: 0 16px 20px transparent;
  padding: 24px;
}

.loading-md .loading-spinner + .loading-content {
  margin-left: 20px;
}

.loading-md .spinner-ios line,
.loading-md .spinner-ios-small line {
  stroke: #F68A22;
}

.loading-md .spinner-bubbles circle {
  fill: #F68A22;
}

.loading-md .spinner-circles circle {
  fill: #F68A22;
}

.loading-md .spinner-crescent circle {
  stroke: #F68A22;
}

.loading-md .spinner-dots circle {
  fill: #F68A22;
}

.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: 20px;
}

.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: #aeacb4;
}

.note-ios-primary {
  color: #F68A22;
}

.note-ios-secondary {
  color: #63BEFB;
}

.note-ios-danger-low {
  color: #fb745e;
}

.note-ios-light {
  color: #f4f4f4;
}

.note-ios-dark {
  color: #222;
}

.note-ios-favorite {
  color: #39B44A;
}

.note-ios-darkgrey {
  color: #8e9093;
}

.note-ios-emerald {
  color: #3498db;
}

.note-ios-concrete {
  color: #bdc3c7;
}

.note-ios-yellow {
  color: #ffff00;
}

.note-ios-black {
  color: #000000;
}

.note-ios-grey {
  color: #808080;
}

.note-ios-red {
  color: #ed4956;
}

.note-ios-notif {
  color: #17DFC4;
}

.note-ios-new-badge {
  color: #63BEFB;
}

.note-ios-accent {
  color: #63BEFB;
}

.note-ios-skeleton {
  color: #dddddd;
}

.note-ios-outline {
  color: #dbdbe1;
}

.note-ios-secondary-text {
  color: #A5B0B7;
}

.note-ios-text {
  color: #192528;
}

.note-ios-label {
  color: #333333;
}

.note-ios-hover {
  color: #eff2f4;
}

.note-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.note-ios-bgcard {
  color: #f2f5f8;
}

.note-ios-bgcard2 {
  color: #fcfcfc;
}

.note-ios-bglabel {
  color: #E2E9ED;
}

.note-ios-primary-light {
  color: #08b2be;
}

.note-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.note-ios-primary-text {
  color: #189dae;
}

.note-ios-white {
  color: #FFFFFF;
}

.note-ios-success {
  color: #2BB34D;
}

.note-ios-info {
  color: #1A73E8;
}

.note-ios-warning {
  color: #FFAB00;
}

.note-ios-danger {
  color: #F0624D;
}

.note-ios-tam {
  color: #CC0400;
}

.note-md {
  color: #c5c5c5;
}

.note-md-primary {
  color: #F68A22;
}

.note-md-secondary {
  color: #63BEFB;
}

.note-md-danger-low {
  color: #fb745e;
}

.note-md-light {
  color: #f4f4f4;
}

.note-md-dark {
  color: #222;
}

.note-md-favorite {
  color: #39B44A;
}

.note-md-darkgrey {
  color: #8e9093;
}

.note-md-emerald {
  color: #3498db;
}

.note-md-concrete {
  color: #bdc3c7;
}

.note-md-yellow {
  color: #ffff00;
}

.note-md-black {
  color: #000000;
}

.note-md-grey {
  color: #808080;
}

.note-md-red {
  color: #ed4956;
}

.note-md-notif {
  color: #17DFC4;
}

.note-md-new-badge {
  color: #63BEFB;
}

.note-md-accent {
  color: #63BEFB;
}

.note-md-skeleton {
  color: #dddddd;
}

.note-md-outline {
  color: #dbdbe1;
}

.note-md-secondary-text {
  color: #A5B0B7;
}

.note-md-text {
  color: #192528;
}

.note-md-label {
  color: #333333;
}

.note-md-hover {
  color: #eff2f4;
}

.note-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.note-md-bgcard {
  color: #f2f5f8;
}

.note-md-bgcard2 {
  color: #fcfcfc;
}

.note-md-bglabel {
  color: #E2E9ED;
}

.note-md-primary-light {
  color: #08b2be;
}

.note-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.note-md-primary-text {
  color: #189dae;
}

.note-md-white {
  color: #FFFFFF;
}

.note-md-success {
  color: #2BB34D;
}

.note-md-info {
  color: #1A73E8;
}

.note-md-warning {
  color: #FFAB00;
}

.note-md-danger {
  color: #F0624D;
}

.note-md-tam {
  color: #CC0400;
}

.note-wp {
  color: rgba(0, 0, 0, 0.5);
}

.note-wp-primary {
  color: #F68A22;
}

.note-wp-secondary {
  color: #63BEFB;
}

.note-wp-danger-low {
  color: #fb745e;
}

.note-wp-light {
  color: #f4f4f4;
}

.note-wp-dark {
  color: #222;
}

.note-wp-favorite {
  color: #39B44A;
}

.note-wp-darkgrey {
  color: #8e9093;
}

.note-wp-emerald {
  color: #3498db;
}

.note-wp-concrete {
  color: #bdc3c7;
}

.note-wp-yellow {
  color: #ffff00;
}

.note-wp-black {
  color: #000000;
}

.note-wp-grey {
  color: #808080;
}

.note-wp-red {
  color: #ed4956;
}

.note-wp-notif {
  color: #17DFC4;
}

.note-wp-new-badge {
  color: #63BEFB;
}

.note-wp-accent {
  color: #63BEFB;
}

.note-wp-skeleton {
  color: #dddddd;
}

.note-wp-outline {
  color: #dbdbe1;
}

.note-wp-secondary-text {
  color: #A5B0B7;
}

.note-wp-text {
  color: #192528;
}

.note-wp-label {
  color: #333333;
}

.note-wp-hover {
  color: #eff2f4;
}

.note-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.note-wp-bgcard {
  color: #f2f5f8;
}

.note-wp-bgcard2 {
  color: #fcfcfc;
}

.note-wp-bglabel {
  color: #E2E9ED;
}

.note-wp-primary-light {
  color: #08b2be;
}

.note-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.note-wp-primary-text {
  color: #189dae;
}

.note-wp-white {
  color: #FFFFFF;
}

.note-wp-success {
  color: #2BB34D;
}

.note-wp-info {
  color: #1A73E8;
}

.note-wp-warning {
  color: #FFAB00;
}

.note-wp-danger {
  color: #F0624D;
}

.note-wp-tam {
  color: #CC0400;
}

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 #c8c7cc;
  background: #fff;
}

.picker-ios .picker-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  border-bottom: 0.55px solid #c8c7cc;
  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: #F68A22;
  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: #808080;
  -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: #808080;
  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 #c8c7cc;
  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 #c8c7cc;
  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: 0.55px 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: #F68A22;
  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: #808080;
  -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: #808080;
  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: #F68A22;
}

.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: 0.55px 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: 0.55px;
  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: #F68A22;
  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: #808080;
  -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: #808080;
  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: #F68A22;
}

.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: #808080;
  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: #808080;
  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: #808080;
  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: #F68A22;
  -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: #F68A22;
}

.item-radio-ios-primary.item-radio-checked ion-label {
  color: #F68A22;
}

.radio-ios-primary .radio-checked {
  color: #F68A22;
}

.radio-ios-primary .radio-checked .radio-inner {
  border-color: #F68A22;
}

.item-radio-ios-secondary.item-radio-checked ion-label {
  color: #63BEFB;
}

.radio-ios-secondary .radio-checked {
  color: #63BEFB;
}

.radio-ios-secondary .radio-checked .radio-inner {
  border-color: #63BEFB;
}

.item-radio-ios-danger-low.item-radio-checked ion-label {
  color: #fb745e;
}

.radio-ios-danger-low .radio-checked {
  color: #fb745e;
}

.radio-ios-danger-low .radio-checked .radio-inner {
  border-color: #fb745e;
}

.item-radio-ios-light.item-radio-checked ion-label {
  color: #f4f4f4;
}

.radio-ios-light .radio-checked {
  color: #f4f4f4;
}

.radio-ios-light .radio-checked .radio-inner {
  border-color: #f4f4f4;
}

.item-radio-ios-dark.item-radio-checked ion-label {
  color: #222;
}

.radio-ios-dark .radio-checked {
  color: #222;
}

.radio-ios-dark .radio-checked .radio-inner {
  border-color: #222;
}

.item-radio-ios-favorite.item-radio-checked ion-label {
  color: #39B44A;
}

.radio-ios-favorite .radio-checked {
  color: #39B44A;
}

.radio-ios-favorite .radio-checked .radio-inner {
  border-color: #39B44A;
}

.item-radio-ios-darkgrey.item-radio-checked ion-label {
  color: #8e9093;
}

.radio-ios-darkgrey .radio-checked {
  color: #8e9093;
}

.radio-ios-darkgrey .radio-checked .radio-inner {
  border-color: #8e9093;
}

.item-radio-ios-emerald.item-radio-checked ion-label {
  color: #3498db;
}

.radio-ios-emerald .radio-checked {
  color: #3498db;
}

.radio-ios-emerald .radio-checked .radio-inner {
  border-color: #3498db;
}

.item-radio-ios-concrete.item-radio-checked ion-label {
  color: #bdc3c7;
}

.radio-ios-concrete .radio-checked {
  color: #bdc3c7;
}

.radio-ios-concrete .radio-checked .radio-inner {
  border-color: #bdc3c7;
}

.item-radio-ios-yellow.item-radio-checked ion-label {
  color: #ffff00;
}

.radio-ios-yellow .radio-checked {
  color: #ffff00;
}

.radio-ios-yellow .radio-checked .radio-inner {
  border-color: #ffff00;
}

.item-radio-ios-black.item-radio-checked ion-label {
  color: #000000;
}

.radio-ios-black .radio-checked {
  color: #000000;
}

.radio-ios-black .radio-checked .radio-inner {
  border-color: #000000;
}

.item-radio-ios-grey.item-radio-checked ion-label {
  color: #808080;
}

.radio-ios-grey .radio-checked {
  color: #808080;
}

.radio-ios-grey .radio-checked .radio-inner {
  border-color: #808080;
}

.item-radio-ios-red.item-radio-checked ion-label {
  color: #ed4956;
}

.radio-ios-red .radio-checked {
  color: #ed4956;
}

.radio-ios-red .radio-checked .radio-inner {
  border-color: #ed4956;
}

.item-radio-ios-notif.item-radio-checked ion-label {
  color: #17DFC4;
}

.radio-ios-notif .radio-checked {
  color: #17DFC4;
}

.radio-ios-notif .radio-checked .radio-inner {
  border-color: #17DFC4;
}

.item-radio-ios-new-badge.item-radio-checked ion-label {
  color: #63BEFB;
}

.radio-ios-new-badge .radio-checked {
  color: #63BEFB;
}

.radio-ios-new-badge .radio-checked .radio-inner {
  border-color: #63BEFB;
}

.item-radio-ios-accent.item-radio-checked ion-label {
  color: #63BEFB;
}

.radio-ios-accent .radio-checked {
  color: #63BEFB;
}

.radio-ios-accent .radio-checked .radio-inner {
  border-color: #63BEFB;
}

.item-radio-ios-skeleton.item-radio-checked ion-label {
  color: #dddddd;
}

.radio-ios-skeleton .radio-checked {
  color: #dddddd;
}

.radio-ios-skeleton .radio-checked .radio-inner {
  border-color: #dddddd;
}

.item-radio-ios-outline.item-radio-checked ion-label {
  color: #dbdbe1;
}

.radio-ios-outline .radio-checked {
  color: #dbdbe1;
}

.radio-ios-outline .radio-checked .radio-inner {
  border-color: #dbdbe1;
}

.item-radio-ios-secondary-text.item-radio-checked ion-label {
  color: #A5B0B7;
}

.radio-ios-secondary-text .radio-checked {
  color: #A5B0B7;
}

.radio-ios-secondary-text .radio-checked .radio-inner {
  border-color: #A5B0B7;
}

.item-radio-ios-text.item-radio-checked ion-label {
  color: #192528;
}

.radio-ios-text .radio-checked {
  color: #192528;
}

.radio-ios-text .radio-checked .radio-inner {
  border-color: #192528;
}

.item-radio-ios-label.item-radio-checked ion-label {
  color: #333333;
}

.radio-ios-label .radio-checked {
  color: #333333;
}

.radio-ios-label .radio-checked .radio-inner {
  border-color: #333333;
}

.item-radio-ios-hover.item-radio-checked ion-label {
  color: #eff2f4;
}

.radio-ios-hover .radio-checked {
  color: #eff2f4;
}

.radio-ios-hover .radio-checked .radio-inner {
  border-color: #eff2f4;
}

.item-radio-ios-hover-dark.item-radio-checked ion-label {
  color: rgba(162, 162, 162, 0.1);
}

.radio-ios-hover-dark .radio-checked {
  color: rgba(162, 162, 162, 0.1);
}

.radio-ios-hover-dark .radio-checked .radio-inner {
  border-color: rgba(162, 162, 162, 0.1);
}

.item-radio-ios-bgcard.item-radio-checked ion-label {
  color: #f2f5f8;
}

.radio-ios-bgcard .radio-checked {
  color: #f2f5f8;
}

.radio-ios-bgcard .radio-checked .radio-inner {
  border-color: #f2f5f8;
}

.item-radio-ios-bgcard2.item-radio-checked ion-label {
  color: #fcfcfc;
}

.radio-ios-bgcard2 .radio-checked {
  color: #fcfcfc;
}

.radio-ios-bgcard2 .radio-checked .radio-inner {
  border-color: #fcfcfc;
}

.item-radio-ios-bglabel.item-radio-checked ion-label {
  color: #E2E9ED;
}

.radio-ios-bglabel .radio-checked {
  color: #E2E9ED;
}

.radio-ios-bglabel .radio-checked .radio-inner {
  border-color: #E2E9ED;
}

.item-radio-ios-primary-light.item-radio-checked ion-label {
  color: #08b2be;
}

.radio-ios-primary-light .radio-checked {
  color: #08b2be;
}

.radio-ios-primary-light .radio-checked .radio-inner {
  border-color: #08b2be;
}

.item-radio-ios-bgicon.item-radio-checked ion-label {
  color: rgba(226, 233, 237, 0.6);
}

.radio-ios-bgicon .radio-checked {
  color: rgba(226, 233, 237, 0.6);
}

.radio-ios-bgicon .radio-checked .radio-inner {
  border-color: rgba(226, 233, 237, 0.6);
}

.item-radio-ios-primary-text.item-radio-checked ion-label {
  color: #189dae;
}

.radio-ios-primary-text .radio-checked {
  color: #189dae;
}

.radio-ios-primary-text .radio-checked .radio-inner {
  border-color: #189dae;
}

.item-radio-ios-white.item-radio-checked ion-label {
  color: #FFFFFF;
}

.radio-ios-white .radio-checked {
  color: #FFFFFF;
}

.radio-ios-white .radio-checked .radio-inner {
  border-color: #FFFFFF;
}

.item-radio-ios-success.item-radio-checked ion-label {
  color: #2BB34D;
}

.radio-ios-success .radio-checked {
  color: #2BB34D;
}

.radio-ios-success .radio-checked .radio-inner {
  border-color: #2BB34D;
}

.item-radio-ios-info.item-radio-checked ion-label {
  color: #1A73E8;
}

.radio-ios-info .radio-checked {
  color: #1A73E8;
}

.radio-ios-info .radio-checked .radio-inner {
  border-color: #1A73E8;
}

.item-radio-ios-warning.item-radio-checked ion-label {
  color: #FFAB00;
}

.radio-ios-warning .radio-checked {
  color: #FFAB00;
}

.radio-ios-warning .radio-checked .radio-inner {
  border-color: #FFAB00;
}

.item-radio-ios-danger.item-radio-checked ion-label {
  color: #F0624D;
}

.radio-ios-danger .radio-checked {
  color: #F0624D;
}

.radio-ios-danger .radio-checked .radio-inner {
  border-color: #F0624D;
}

.item-radio-ios-tam.item-radio-checked ion-label {
  color: #CC0400;
}

.radio-ios-tam .radio-checked {
  color: #CC0400;
}

.radio-ios-tam .radio-checked .radio-inner {
  border-color: #CC0400;
}

.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: #F68A22;
  -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: #F68A22;
}

.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: #F68A22;
}

.item-radio-md-primary.item-radio-checked ion-label {
  color: #F68A22;
}

.radio-md-primary .radio-checked {
  border-color: #F68A22;
}

.radio-md-primary .radio-inner {
  background-color: #F68A22;
}

.item-radio-md-secondary.item-radio-checked ion-label {
  color: #63BEFB;
}

.radio-md-secondary .radio-checked {
  border-color: #63BEFB;
}

.radio-md-secondary .radio-inner {
  background-color: #63BEFB;
}

.item-radio-md-danger-low.item-radio-checked ion-label {
  color: #fb745e;
}

.radio-md-danger-low .radio-checked {
  border-color: #fb745e;
}

.radio-md-danger-low .radio-inner {
  background-color: #fb745e;
}

.item-radio-md-light.item-radio-checked ion-label {
  color: #f4f4f4;
}

.radio-md-light .radio-checked {
  border-color: #f4f4f4;
}

.radio-md-light .radio-inner {
  background-color: #f4f4f4;
}

.item-radio-md-dark.item-radio-checked ion-label {
  color: #222;
}

.radio-md-dark .radio-checked {
  border-color: #222;
}

.radio-md-dark .radio-inner {
  background-color: #222;
}

.item-radio-md-favorite.item-radio-checked ion-label {
  color: #39B44A;
}

.radio-md-favorite .radio-checked {
  border-color: #39B44A;
}

.radio-md-favorite .radio-inner {
  background-color: #39B44A;
}

.item-radio-md-darkgrey.item-radio-checked ion-label {
  color: #8e9093;
}

.radio-md-darkgrey .radio-checked {
  border-color: #8e9093;
}

.radio-md-darkgrey .radio-inner {
  background-color: #8e9093;
}

.item-radio-md-emerald.item-radio-checked ion-label {
  color: #3498db;
}

.radio-md-emerald .radio-checked {
  border-color: #3498db;
}

.radio-md-emerald .radio-inner {
  background-color: #3498db;
}

.item-radio-md-concrete.item-radio-checked ion-label {
  color: #bdc3c7;
}

.radio-md-concrete .radio-checked {
  border-color: #bdc3c7;
}

.radio-md-concrete .radio-inner {
  background-color: #bdc3c7;
}

.item-radio-md-yellow.item-radio-checked ion-label {
  color: #ffff00;
}

.radio-md-yellow .radio-checked {
  border-color: #ffff00;
}

.radio-md-yellow .radio-inner {
  background-color: #ffff00;
}

.item-radio-md-black.item-radio-checked ion-label {
  color: #000000;
}

.radio-md-black .radio-checked {
  border-color: #000000;
}

.radio-md-black .radio-inner {
  background-color: #000000;
}

.item-radio-md-grey.item-radio-checked ion-label {
  color: #808080;
}

.radio-md-grey .radio-checked {
  border-color: #808080;
}

.radio-md-grey .radio-inner {
  background-color: #808080;
}

.item-radio-md-red.item-radio-checked ion-label {
  color: #ed4956;
}

.radio-md-red .radio-checked {
  border-color: #ed4956;
}

.radio-md-red .radio-inner {
  background-color: #ed4956;
}

.item-radio-md-notif.item-radio-checked ion-label {
  color: #17DFC4;
}

.radio-md-notif .radio-checked {
  border-color: #17DFC4;
}

.radio-md-notif .radio-inner {
  background-color: #17DFC4;
}

.item-radio-md-new-badge.item-radio-checked ion-label {
  color: #63BEFB;
}

.radio-md-new-badge .radio-checked {
  border-color: #63BEFB;
}

.radio-md-new-badge .radio-inner {
  background-color: #63BEFB;
}

.item-radio-md-accent.item-radio-checked ion-label {
  color: #63BEFB;
}

.radio-md-accent .radio-checked {
  border-color: #63BEFB;
}

.radio-md-accent .radio-inner {
  background-color: #63BEFB;
}

.item-radio-md-skeleton.item-radio-checked ion-label {
  color: #dddddd;
}

.radio-md-skeleton .radio-checked {
  border-color: #dddddd;
}

.radio-md-skeleton .radio-inner {
  background-color: #dddddd;
}

.item-radio-md-outline.item-radio-checked ion-label {
  color: #dbdbe1;
}

.radio-md-outline .radio-checked {
  border-color: #dbdbe1;
}

.radio-md-outline .radio-inner {
  background-color: #dbdbe1;
}

.item-radio-md-secondary-text.item-radio-checked ion-label {
  color: #A5B0B7;
}

.radio-md-secondary-text .radio-checked {
  border-color: #A5B0B7;
}

.radio-md-secondary-text .radio-inner {
  background-color: #A5B0B7;
}

.item-radio-md-text.item-radio-checked ion-label {
  color: #192528;
}

.radio-md-text .radio-checked {
  border-color: #192528;
}

.radio-md-text .radio-inner {
  background-color: #192528;
}

.item-radio-md-label.item-radio-checked ion-label {
  color: #333333;
}

.radio-md-label .radio-checked {
  border-color: #333333;
}

.radio-md-label .radio-inner {
  background-color: #333333;
}

.item-radio-md-hover.item-radio-checked ion-label {
  color: #eff2f4;
}

.radio-md-hover .radio-checked {
  border-color: #eff2f4;
}

.radio-md-hover .radio-inner {
  background-color: #eff2f4;
}

.item-radio-md-hover-dark.item-radio-checked ion-label {
  color: rgba(162, 162, 162, 0.1);
}

.radio-md-hover-dark .radio-checked {
  border-color: rgba(162, 162, 162, 0.1);
}

.radio-md-hover-dark .radio-inner {
  background-color: rgba(162, 162, 162, 0.1);
}

.item-radio-md-bgcard.item-radio-checked ion-label {
  color: #f2f5f8;
}

.radio-md-bgcard .radio-checked {
  border-color: #f2f5f8;
}

.radio-md-bgcard .radio-inner {
  background-color: #f2f5f8;
}

.item-radio-md-bgcard2.item-radio-checked ion-label {
  color: #fcfcfc;
}

.radio-md-bgcard2 .radio-checked {
  border-color: #fcfcfc;
}

.radio-md-bgcard2 .radio-inner {
  background-color: #fcfcfc;
}

.item-radio-md-bglabel.item-radio-checked ion-label {
  color: #E2E9ED;
}

.radio-md-bglabel .radio-checked {
  border-color: #E2E9ED;
}

.radio-md-bglabel .radio-inner {
  background-color: #E2E9ED;
}

.item-radio-md-primary-light.item-radio-checked ion-label {
  color: #08b2be;
}

.radio-md-primary-light .radio-checked {
  border-color: #08b2be;
}

.radio-md-primary-light .radio-inner {
  background-color: #08b2be;
}

.item-radio-md-bgicon.item-radio-checked ion-label {
  color: rgba(226, 233, 237, 0.6);
}

.radio-md-bgicon .radio-checked {
  border-color: rgba(226, 233, 237, 0.6);
}

.radio-md-bgicon .radio-inner {
  background-color: rgba(226, 233, 237, 0.6);
}

.item-radio-md-primary-text.item-radio-checked ion-label {
  color: #189dae;
}

.radio-md-primary-text .radio-checked {
  border-color: #189dae;
}

.radio-md-primary-text .radio-inner {
  background-color: #189dae;
}

.item-radio-md-white.item-radio-checked ion-label {
  color: #FFFFFF;
}

.radio-md-white .radio-checked {
  border-color: #FFFFFF;
}

.radio-md-white .radio-inner {
  background-color: #FFFFFF;
}

.item-radio-md-success.item-radio-checked ion-label {
  color: #2BB34D;
}

.radio-md-success .radio-checked {
  border-color: #2BB34D;
}

.radio-md-success .radio-inner {
  background-color: #2BB34D;
}

.item-radio-md-info.item-radio-checked ion-label {
  color: #1A73E8;
}

.radio-md-info .radio-checked {
  border-color: #1A73E8;
}

.radio-md-info .radio-inner {
  background-color: #1A73E8;
}

.item-radio-md-warning.item-radio-checked ion-label {
  color: #FFAB00;
}

.radio-md-warning .radio-checked {
  border-color: #FFAB00;
}

.radio-md-warning .radio-inner {
  background-color: #FFAB00;
}

.item-radio-md-danger.item-radio-checked ion-label {
  color: #F0624D;
}

.radio-md-danger .radio-checked {
  border-color: #F0624D;
}

.radio-md-danger .radio-inner {
  background-color: #F0624D;
}

.item-radio-md-tam.item-radio-checked ion-label {
  color: #CC0400;
}

.radio-md-tam .radio-checked {
  border-color: #CC0400;
}

.radio-md-tam .radio-inner {
  background-color: #CC0400;
}

.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: #F68A22;
}

.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: #F68A22;
}

.radio-wp-secondary .radio-checked {
  border-color: #63BEFB;
}

.radio-wp-danger-low .radio-checked {
  border-color: #fb745e;
}

.radio-wp-light .radio-checked {
  border-color: #f4f4f4;
}

.radio-wp-dark .radio-checked {
  border-color: #222;
}

.radio-wp-favorite .radio-checked {
  border-color: #39B44A;
}

.radio-wp-darkgrey .radio-checked {
  border-color: #8e9093;
}

.radio-wp-emerald .radio-checked {
  border-color: #3498db;
}

.radio-wp-concrete .radio-checked {
  border-color: #bdc3c7;
}

.radio-wp-yellow .radio-checked {
  border-color: #ffff00;
}

.radio-wp-black .radio-checked {
  border-color: #000000;
}

.radio-wp-grey .radio-checked {
  border-color: #808080;
}

.radio-wp-red .radio-checked {
  border-color: #ed4956;
}

.radio-wp-notif .radio-checked {
  border-color: #17DFC4;
}

.radio-wp-new-badge .radio-checked {
  border-color: #63BEFB;
}

.radio-wp-accent .radio-checked {
  border-color: #63BEFB;
}

.radio-wp-skeleton .radio-checked {
  border-color: #dddddd;
}

.radio-wp-outline .radio-checked {
  border-color: #dbdbe1;
}

.radio-wp-secondary-text .radio-checked {
  border-color: #A5B0B7;
}

.radio-wp-text .radio-checked {
  border-color: #192528;
}

.radio-wp-label .radio-checked {
  border-color: #333333;
}

.radio-wp-hover .radio-checked {
  border-color: #eff2f4;
}

.radio-wp-hover-dark .radio-checked {
  border-color: rgba(162, 162, 162, 0.1);
}

.radio-wp-bgcard .radio-checked {
  border-color: #f2f5f8;
}

.radio-wp-bgcard2 .radio-checked {
  border-color: #fcfcfc;
}

.radio-wp-bglabel .radio-checked {
  border-color: #E2E9ED;
}

.radio-wp-primary-light .radio-checked {
  border-color: #08b2be;
}

.radio-wp-bgicon .radio-checked {
  border-color: rgba(226, 233, 237, 0.6);
}

.radio-wp-primary-text .radio-checked {
  border-color: #189dae;
}

.radio-wp-white .radio-checked {
  border-color: #FFFFFF;
}

.radio-wp-success .radio-checked {
  border-color: #2BB34D;
}

.radio-wp-info .radio-checked {
  border-color: #1A73E8;
}

.radio-wp-warning .radio-checked {
  border-color: #FFAB00;
}

.radio-wp-danger .radio-checked {
  border-color: #F0624D;
}

.radio-wp-tam .radio-checked {
  border-color: #CC0400;
}

.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: #F68A22;
}

.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: #F68A22;
}

.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: #808080;
  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: #F68A22;
}

.range-ios-secondary .range-bar-active,
.range-ios-secondary .range-tick-active {
  background: #63BEFB;
}

.range-ios-danger-low .range-bar-active,
.range-ios-danger-low .range-tick-active {
  background: #fb745e;
}

.range-ios-light .range-bar-active,
.range-ios-light .range-tick-active {
  background: #f4f4f4;
}

.range-ios-dark .range-bar-active,
.range-ios-dark .range-tick-active {
  background: #222;
}

.range-ios-favorite .range-bar-active,
.range-ios-favorite .range-tick-active {
  background: #39B44A;
}

.range-ios-darkgrey .range-bar-active,
.range-ios-darkgrey .range-tick-active {
  background: #8e9093;
}

.range-ios-emerald .range-bar-active,
.range-ios-emerald .range-tick-active {
  background: #3498db;
}

.range-ios-concrete .range-bar-active,
.range-ios-concrete .range-tick-active {
  background: #bdc3c7;
}

.range-ios-yellow .range-bar-active,
.range-ios-yellow .range-tick-active {
  background: #ffff00;
}

.range-ios-black .range-bar-active,
.range-ios-black .range-tick-active {
  background: #000000;
}

.range-ios-grey .range-bar-active,
.range-ios-grey .range-tick-active {
  background: #808080;
}

.range-ios-red .range-bar-active,
.range-ios-red .range-tick-active {
  background: #ed4956;
}

.range-ios-notif .range-bar-active,
.range-ios-notif .range-tick-active {
  background: #17DFC4;
}

.range-ios-new-badge .range-bar-active,
.range-ios-new-badge .range-tick-active {
  background: #63BEFB;
}

.range-ios-accent .range-bar-active,
.range-ios-accent .range-tick-active {
  background: #63BEFB;
}

.range-ios-skeleton .range-bar-active,
.range-ios-skeleton .range-tick-active {
  background: #dddddd;
}

.range-ios-outline .range-bar-active,
.range-ios-outline .range-tick-active {
  background: #dbdbe1;
}

.range-ios-secondary-text .range-bar-active,
.range-ios-secondary-text .range-tick-active {
  background: #A5B0B7;
}

.range-ios-text .range-bar-active,
.range-ios-text .range-tick-active {
  background: #192528;
}

.range-ios-label .range-bar-active,
.range-ios-label .range-tick-active {
  background: #333333;
}

.range-ios-hover .range-bar-active,
.range-ios-hover .range-tick-active {
  background: #eff2f4;
}

.range-ios-hover-dark .range-bar-active,
.range-ios-hover-dark .range-tick-active {
  background: rgba(162, 162, 162, 0.1);
}

.range-ios-bgcard .range-bar-active,
.range-ios-bgcard .range-tick-active {
  background: #f2f5f8;
}

.range-ios-bgcard2 .range-bar-active,
.range-ios-bgcard2 .range-tick-active {
  background: #fcfcfc;
}

.range-ios-bglabel .range-bar-active,
.range-ios-bglabel .range-tick-active {
  background: #E2E9ED;
}

.range-ios-primary-light .range-bar-active,
.range-ios-primary-light .range-tick-active {
  background: #08b2be;
}

.range-ios-bgicon .range-bar-active,
.range-ios-bgicon .range-tick-active {
  background: rgba(226, 233, 237, 0.6);
}

.range-ios-primary-text .range-bar-active,
.range-ios-primary-text .range-tick-active {
  background: #189dae;
}

.range-ios-white .range-bar-active,
.range-ios-white .range-tick-active {
  background: #FFFFFF;
}

.range-ios-success .range-bar-active,
.range-ios-success .range-tick-active {
  background: #2BB34D;
}

.range-ios-info .range-bar-active,
.range-ios-info .range-tick-active {
  background: #1A73E8;
}

.range-ios-warning .range-bar-active,
.range-ios-warning .range-tick-active {
  background: #FFAB00;
}

.range-ios-danger .range-bar-active,
.range-ios-danger .range-tick-active {
  background: #F0624D;
}

.range-ios-tam .range-bar-active,
.range-ios-tam .range-tick-active {
  background: #CC0400;
}

.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: #F68A22;
}

.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: #F68A22;
  -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: #F68A22;
  -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: #F68A22;
  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: #F68A22;
}

.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: #63BEFB;
}

.range-md-danger-low .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-danger-low .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-danger-low .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-danger-low .range-bar-active,
.range-md-danger-low .range-knob,
.range-md-danger-low .range-pin,
.range-md-danger-low .range-pin::before {
  background: #fb745e;
}

.range-md-light .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-light .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-light .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-light .range-bar-active,
.range-md-light .range-knob,
.range-md-light .range-pin,
.range-md-light .range-pin::before {
  background: #f4f4f4;
}

.range-md-dark .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-dark .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-dark .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-dark .range-bar-active,
.range-md-dark .range-knob,
.range-md-dark .range-pin,
.range-md-dark .range-pin::before {
  background: #222;
}

.range-md-favorite .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-favorite .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-favorite .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-favorite .range-bar-active,
.range-md-favorite .range-knob,
.range-md-favorite .range-pin,
.range-md-favorite .range-pin::before {
  background: #39B44A;
}

.range-md-darkgrey .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-darkgrey .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-darkgrey .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-darkgrey .range-bar-active,
.range-md-darkgrey .range-knob,
.range-md-darkgrey .range-pin,
.range-md-darkgrey .range-pin::before {
  background: #8e9093;
}

.range-md-emerald .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-emerald .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-emerald .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-emerald .range-bar-active,
.range-md-emerald .range-knob,
.range-md-emerald .range-pin,
.range-md-emerald .range-pin::before {
  background: #3498db;
}

.range-md-concrete .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-concrete .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-concrete .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-concrete .range-bar-active,
.range-md-concrete .range-knob,
.range-md-concrete .range-pin,
.range-md-concrete .range-pin::before {
  background: #bdc3c7;
}

.range-md-yellow .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-yellow .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-yellow .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-yellow .range-bar-active,
.range-md-yellow .range-knob,
.range-md-yellow .range-pin,
.range-md-yellow .range-pin::before {
  background: #ffff00;
}

.range-md-black .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-black .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-black .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-black .range-bar-active,
.range-md-black .range-knob,
.range-md-black .range-pin,
.range-md-black .range-pin::before {
  background: #000000;
}

.range-md-grey .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-grey .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-grey .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-grey .range-bar-active,
.range-md-grey .range-knob,
.range-md-grey .range-pin,
.range-md-grey .range-pin::before {
  background: #808080;
}

.range-md-red .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-red .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-red .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-red .range-bar-active,
.range-md-red .range-knob,
.range-md-red .range-pin,
.range-md-red .range-pin::before {
  background: #ed4956;
}

.range-md-notif .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-notif .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-notif .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-notif .range-bar-active,
.range-md-notif .range-knob,
.range-md-notif .range-pin,
.range-md-notif .range-pin::before {
  background: #17DFC4;
}

.range-md-new-badge .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-new-badge .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-new-badge .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-new-badge .range-bar-active,
.range-md-new-badge .range-knob,
.range-md-new-badge .range-pin,
.range-md-new-badge .range-pin::before {
  background: #63BEFB;
}

.range-md-accent .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-accent .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-accent .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-accent .range-bar-active,
.range-md-accent .range-knob,
.range-md-accent .range-pin,
.range-md-accent .range-pin::before {
  background: #63BEFB;
}

.range-md-skeleton .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-skeleton .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-skeleton .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-skeleton .range-bar-active,
.range-md-skeleton .range-knob,
.range-md-skeleton .range-pin,
.range-md-skeleton .range-pin::before {
  background: #dddddd;
}

.range-md-outline .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-outline .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-outline .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-outline .range-bar-active,
.range-md-outline .range-knob,
.range-md-outline .range-pin,
.range-md-outline .range-pin::before {
  background: #dbdbe1;
}

.range-md-secondary-text .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-secondary-text .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-secondary-text .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-secondary-text .range-bar-active,
.range-md-secondary-text .range-knob,
.range-md-secondary-text .range-pin,
.range-md-secondary-text .range-pin::before {
  background: #A5B0B7;
}

.range-md-text .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-text .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-text .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-text .range-bar-active,
.range-md-text .range-knob,
.range-md-text .range-pin,
.range-md-text .range-pin::before {
  background: #192528;
}

.range-md-label .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-label .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-label .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-label .range-bar-active,
.range-md-label .range-knob,
.range-md-label .range-pin,
.range-md-label .range-pin::before {
  background: #333333;
}

.range-md-hover .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-hover .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-hover .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-hover .range-bar-active,
.range-md-hover .range-knob,
.range-md-hover .range-pin,
.range-md-hover .range-pin::before {
  background: #eff2f4;
}

.range-md-hover-dark .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-hover-dark .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-hover-dark .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-hover-dark .range-bar-active,
.range-md-hover-dark .range-knob,
.range-md-hover-dark .range-pin,
.range-md-hover-dark .range-pin::before {
  background: rgba(162, 162, 162, 0.1);
}

.range-md-bgcard .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-bgcard .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-bgcard .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-bgcard .range-bar-active,
.range-md-bgcard .range-knob,
.range-md-bgcard .range-pin,
.range-md-bgcard .range-pin::before {
  background: #f2f5f8;
}

.range-md-bgcard2 .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-bgcard2 .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-bgcard2 .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-bgcard2 .range-bar-active,
.range-md-bgcard2 .range-knob,
.range-md-bgcard2 .range-pin,
.range-md-bgcard2 .range-pin::before {
  background: #fcfcfc;
}

.range-md-bglabel .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-bglabel .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-bglabel .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-bglabel .range-bar-active,
.range-md-bglabel .range-knob,
.range-md-bglabel .range-pin,
.range-md-bglabel .range-pin::before {
  background: #E2E9ED;
}

.range-md-primary-light .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-primary-light .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-primary-light .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-primary-light .range-bar-active,
.range-md-primary-light .range-knob,
.range-md-primary-light .range-pin,
.range-md-primary-light .range-pin::before {
  background: #08b2be;
}

.range-md-bgicon .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-bgicon .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-bgicon .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-bgicon .range-bar-active,
.range-md-bgicon .range-knob,
.range-md-bgicon .range-pin,
.range-md-bgicon .range-pin::before {
  background: rgba(226, 233, 237, 0.6);
}

.range-md-primary-text .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-primary-text .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-primary-text .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-primary-text .range-bar-active,
.range-md-primary-text .range-knob,
.range-md-primary-text .range-pin,
.range-md-primary-text .range-pin::before {
  background: #189dae;
}

.range-md-white .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-white .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-white .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-white .range-bar-active,
.range-md-white .range-knob,
.range-md-white .range-pin,
.range-md-white .range-pin::before {
  background: #FFFFFF;
}

.range-md-success .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-success .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-success .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-success .range-bar-active,
.range-md-success .range-knob,
.range-md-success .range-pin,
.range-md-success .range-pin::before {
  background: #2BB34D;
}

.range-md-info .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-info .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-info .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-info .range-bar-active,
.range-md-info .range-knob,
.range-md-info .range-pin,
.range-md-info .range-pin::before {
  background: #1A73E8;
}

.range-md-warning .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-warning .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-warning .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-warning .range-bar-active,
.range-md-warning .range-knob,
.range-md-warning .range-pin,
.range-md-warning .range-pin::before {
  background: #FFAB00;
}

.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: #F0624D;
}

.range-md-tam .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-tam .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-tam .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-tam .range-bar-active,
.range-md-tam .range-knob,
.range-md-tam .range-pin,
.range-md-tam .range-pin::before {
  background: #CC0400;
}

.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: #F68A22;
}

.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: #F68A22;
  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: #F68A22;
}

.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: #F68A22;
  -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: #F68A22;
}

.range-wp-secondary .range-bar-active,
.range-wp-secondary .range-tick-active,
.range-wp-secondary .range-knob,
.range-wp-secondary .range-pin {
  background: #63BEFB;
}

.range-wp-danger-low .range-bar-active,
.range-wp-danger-low .range-tick-active,
.range-wp-danger-low .range-knob,
.range-wp-danger-low .range-pin {
  background: #fb745e;
}

.range-wp-light .range-bar-active,
.range-wp-light .range-tick-active,
.range-wp-light .range-knob,
.range-wp-light .range-pin {
  background: #f4f4f4;
}

.range-wp-dark .range-bar-active,
.range-wp-dark .range-tick-active,
.range-wp-dark .range-knob,
.range-wp-dark .range-pin {
  background: #222;
}

.range-wp-favorite .range-bar-active,
.range-wp-favorite .range-tick-active,
.range-wp-favorite .range-knob,
.range-wp-favorite .range-pin {
  background: #39B44A;
}

.range-wp-darkgrey .range-bar-active,
.range-wp-darkgrey .range-tick-active,
.range-wp-darkgrey .range-knob,
.range-wp-darkgrey .range-pin {
  background: #8e9093;
}

.range-wp-emerald .range-bar-active,
.range-wp-emerald .range-tick-active,
.range-wp-emerald .range-knob,
.range-wp-emerald .range-pin {
  background: #3498db;
}

.range-wp-concrete .range-bar-active,
.range-wp-concrete .range-tick-active,
.range-wp-concrete .range-knob,
.range-wp-concrete .range-pin {
  background: #bdc3c7;
}

.range-wp-yellow .range-bar-active,
.range-wp-yellow .range-tick-active,
.range-wp-yellow .range-knob,
.range-wp-yellow .range-pin {
  background: #ffff00;
}

.range-wp-black .range-bar-active,
.range-wp-black .range-tick-active,
.range-wp-black .range-knob,
.range-wp-black .range-pin {
  background: #000000;
}

.range-wp-grey .range-bar-active,
.range-wp-grey .range-tick-active,
.range-wp-grey .range-knob,
.range-wp-grey .range-pin {
  background: #808080;
}

.range-wp-red .range-bar-active,
.range-wp-red .range-tick-active,
.range-wp-red .range-knob,
.range-wp-red .range-pin {
  background: #ed4956;
}

.range-wp-notif .range-bar-active,
.range-wp-notif .range-tick-active,
.range-wp-notif .range-knob,
.range-wp-notif .range-pin {
  background: #17DFC4;
}

.range-wp-new-badge .range-bar-active,
.range-wp-new-badge .range-tick-active,
.range-wp-new-badge .range-knob,
.range-wp-new-badge .range-pin {
  background: #63BEFB;
}

.range-wp-accent .range-bar-active,
.range-wp-accent .range-tick-active,
.range-wp-accent .range-knob,
.range-wp-accent .range-pin {
  background: #63BEFB;
}

.range-wp-skeleton .range-bar-active,
.range-wp-skeleton .range-tick-active,
.range-wp-skeleton .range-knob,
.range-wp-skeleton .range-pin {
  background: #dddddd;
}

.range-wp-outline .range-bar-active,
.range-wp-outline .range-tick-active,
.range-wp-outline .range-knob,
.range-wp-outline .range-pin {
  background: #dbdbe1;
}

.range-wp-secondary-text .range-bar-active,
.range-wp-secondary-text .range-tick-active,
.range-wp-secondary-text .range-knob,
.range-wp-secondary-text .range-pin {
  background: #A5B0B7;
}

.range-wp-text .range-bar-active,
.range-wp-text .range-tick-active,
.range-wp-text .range-knob,
.range-wp-text .range-pin {
  background: #192528;
}

.range-wp-label .range-bar-active,
.range-wp-label .range-tick-active,
.range-wp-label .range-knob,
.range-wp-label .range-pin {
  background: #333333;
}

.range-wp-hover .range-bar-active,
.range-wp-hover .range-tick-active,
.range-wp-hover .range-knob,
.range-wp-hover .range-pin {
  background: #eff2f4;
}

.range-wp-hover-dark .range-bar-active,
.range-wp-hover-dark .range-tick-active,
.range-wp-hover-dark .range-knob,
.range-wp-hover-dark .range-pin {
  background: rgba(162, 162, 162, 0.1);
}

.range-wp-bgcard .range-bar-active,
.range-wp-bgcard .range-tick-active,
.range-wp-bgcard .range-knob,
.range-wp-bgcard .range-pin {
  background: #f2f5f8;
}

.range-wp-bgcard2 .range-bar-active,
.range-wp-bgcard2 .range-tick-active,
.range-wp-bgcard2 .range-knob,
.range-wp-bgcard2 .range-pin {
  background: #fcfcfc;
}

.range-wp-bglabel .range-bar-active,
.range-wp-bglabel .range-tick-active,
.range-wp-bglabel .range-knob,
.range-wp-bglabel .range-pin {
  background: #E2E9ED;
}

.range-wp-primary-light .range-bar-active,
.range-wp-primary-light .range-tick-active,
.range-wp-primary-light .range-knob,
.range-wp-primary-light .range-pin {
  background: #08b2be;
}

.range-wp-bgicon .range-bar-active,
.range-wp-bgicon .range-tick-active,
.range-wp-bgicon .range-knob,
.range-wp-bgicon .range-pin {
  background: rgba(226, 233, 237, 0.6);
}

.range-wp-primary-text .range-bar-active,
.range-wp-primary-text .range-tick-active,
.range-wp-primary-text .range-knob,
.range-wp-primary-text .range-pin {
  background: #189dae;
}

.range-wp-white .range-bar-active,
.range-wp-white .range-tick-active,
.range-wp-white .range-knob,
.range-wp-white .range-pin {
  background: #FFFFFF;
}

.range-wp-success .range-bar-active,
.range-wp-success .range-tick-active,
.range-wp-success .range-knob,
.range-wp-success .range-pin {
  background: #2BB34D;
}

.range-wp-info .range-bar-active,
.range-wp-info .range-tick-active,
.range-wp-info .range-knob,
.range-wp-info .range-pin {
  background: #1A73E8;
}

.range-wp-warning .range-bar-active,
.range-wp-warning .range-tick-active,
.range-wp-warning .range-knob,
.range-wp-warning .range-pin {
  background: #FFAB00;
}

.range-wp-danger .range-bar-active,
.range-wp-danger .range-tick-active,
.range-wp-danger .range-knob,
.range-wp-danger .range-pin {
  background: #F0624D;
}

.range-wp-tam .range-bar-active,
.range-wp-tam .range-tick-active,
.range-wp-tam .range-knob,
.range-wp-tam .range-pin {
  background: #CC0400;
}

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: 0.55px solid transparent;
  border-bottom: 0.55px solid rgba(0, 0, 0, 0.05);
  background: rgba(0, 0, 0, 0.2);
}

.searchbar-ios .searchbar-search-icon {
  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='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>");
  margin-left: calc(50% - 60px);
  position: absolute;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
  background-size: 13px;
}

.searchbar-ios .searchbar-input {
  padding: 0 28px;
  border-radius: 5px;
  height: 3rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: #000;
  background-color: #fff;
}

.searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.searchbar-ios .searchbar-clear-icon {
  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='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>");
  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: #F68A22;
}

.searchbar-ios-primary .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #e27f1f;
}

.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: #63BEFB;
}

.searchbar-ios-secondary .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #5bafe7;
}

.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-danger-low .searchbar-ios-cancel {
  color: #fb745e;
}

.searchbar-ios-danger-low .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #e76b56;
}

.toolbar-ios-danger-low .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-low .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-danger-low .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-danger-low .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-danger-low .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-danger-low .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-low .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-light .searchbar-ios-cancel {
  color: #f4f4f4;
}

.searchbar-ios-light .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #e0e0e0;
}

.toolbar-ios-light .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<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: #F68A22;
}

.searchbar-ios-dark .searchbar-ios-cancel {
  color: #222;
}

.searchbar-ios-dark .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #343434;
}

.toolbar-ios-dark .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<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-dark .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-dark .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-dark .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-dark .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-dark .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<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-dark .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-favorite .searchbar-ios-cancel {
  color: #39B44A;
}

.searchbar-ios-favorite .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #49ba58;
}

.toolbar-ios-favorite .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-favorite .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-favorite .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-favorite .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-favorite .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-favorite .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-favorite .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-darkgrey .searchbar-ios-cancel {
  color: #8e9093;
}

.searchbar-ios-darkgrey .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #838487;
}

.toolbar-ios-darkgrey .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-darkgrey .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-darkgrey .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-darkgrey .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-darkgrey .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-darkgrey .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-darkgrey .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-emerald .searchbar-ios-cancel {
  color: #3498db;
}

.searchbar-ios-emerald .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #308cc9;
}

.toolbar-ios-emerald .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-emerald .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-emerald .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-emerald .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-emerald .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-emerald .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-emerald .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-concrete .searchbar-ios-cancel {
  color: #bdc3c7;
}

.searchbar-ios-concrete .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #aeb3b7;
}

.toolbar-ios-concrete .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-concrete .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-concrete .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-concrete .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-concrete .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-concrete .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-concrete .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-yellow .searchbar-ios-cancel {
  color: #ffff00;
}

.searchbar-ios-yellow .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #ffff14;
}

.toolbar-ios-yellow .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-yellow .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-yellow .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-yellow .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-yellow .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-yellow .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-yellow .searchbar-ios .searchbar-ios-cancel {
  color: #F68A22;
}

.searchbar-ios-black .searchbar-ios-cancel {
  color: #000000;
}

.searchbar-ios-black .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #141414;
}

.toolbar-ios-black .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-black .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-black .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-black .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-black .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-black .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-black .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-grey .searchbar-ios-cancel {
  color: #808080;
}

.searchbar-ios-grey .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #767676;
}

.toolbar-ios-grey .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-grey .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-grey .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-grey .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-grey .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-grey .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-grey .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-red .searchbar-ios-cancel {
  color: #ed4956;
}

.searchbar-ios-red .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #da434f;
}

.toolbar-ios-red .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-red .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-red .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-red .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-red .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-red .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-red .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-notif .searchbar-ios-cancel {
  color: #17DFC4;
}

.searchbar-ios-notif .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #2ae2c9;
}

.toolbar-ios-notif .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-notif .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-notif .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-notif .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-notif .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-notif .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-notif .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-new-badge .searchbar-ios-cancel {
  color: #63BEFB;
}

.searchbar-ios-new-badge .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #5bafe7;
}

.toolbar-ios-new-badge .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-new-badge .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-new-badge .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-new-badge .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-new-badge .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-new-badge .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-new-badge .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-accent .searchbar-ios-cancel {
  color: #63BEFB;
}

.searchbar-ios-accent .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #5bafe7;
}

.toolbar-ios-accent .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-accent .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-accent .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-accent .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-accent .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-accent .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-accent .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-skeleton .searchbar-ios-cancel {
  color: #dddddd;
}

.searchbar-ios-skeleton .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #cbcbcb;
}

.toolbar-ios-skeleton .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-skeleton .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-skeleton .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-skeleton .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-skeleton .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-skeleton .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-skeleton .searchbar-ios .searchbar-ios-cancel {
  color: #F68A22;
}

.searchbar-ios-outline .searchbar-ios-cancel {
  color: #dbdbe1;
}

.searchbar-ios-outline .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #c9c9cf;
}

.toolbar-ios-outline .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-outline .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-outline .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-outline .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-outline .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-outline .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-outline .searchbar-ios .searchbar-ios-cancel {
  color: #F68A22;
}

.searchbar-ios-secondary-text .searchbar-ios-cancel {
  color: #A5B0B7;
}

.searchbar-ios-secondary-text .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #98a2a8;
}

.toolbar-ios-secondary-text .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-text .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-secondary-text .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-secondary-text .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-secondary-text .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-secondary-text .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-text .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-text .searchbar-ios-cancel {
  color: #192528;
}

.searchbar-ios-text .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #2b3639;
}

.toolbar-ios-text .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-text .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-text .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-text .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-text .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-text .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-text .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-label .searchbar-ios-cancel {
  color: #333333;
}

.searchbar-ios-label .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #434343;
}

.toolbar-ios-label .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-label .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-label .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-label .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-label .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-label .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-label .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-hover .searchbar-ios-cancel {
  color: #eff2f4;
}

.searchbar-ios-hover .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #dcdfe0;
}

.toolbar-ios-hover .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-hover .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-hover .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-hover .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-hover .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-hover .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-hover .searchbar-ios .searchbar-ios-cancel {
  color: #F68A22;
}

.searchbar-ios-hover-dark .searchbar-ios-cancel {
  color: rgba(162, 162, 162, 0.1);
}

.searchbar-ios-hover-dark .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-hover-dark .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-hover-dark .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-hover-dark .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-hover-dark .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-hover-dark .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-hover-dark .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-hover-dark .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-bgcard .searchbar-ios-cancel {
  color: #f2f5f8;
}

.searchbar-ios-bgcard .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #dee1e4;
}

.toolbar-ios-bgcard .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-bgcard .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-bgcard .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bgcard .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bgcard .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bgcard .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-bgcard .searchbar-ios .searchbar-ios-cancel {
  color: #F68A22;
}

.searchbar-ios-bgcard2 .searchbar-ios-cancel {
  color: #fcfcfc;
}

.searchbar-ios-bgcard2 .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #e8e8e8;
}

.toolbar-ios-bgcard2 .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-bgcard2 .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-bgcard2 .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bgcard2 .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bgcard2 .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bgcard2 .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-bgcard2 .searchbar-ios .searchbar-ios-cancel {
  color: #F68A22;
}

.searchbar-ios-bglabel .searchbar-ios-cancel {
  color: #E2E9ED;
}

.searchbar-ios-bglabel .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #d0d6da;
}

.toolbar-ios-bglabel .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-bglabel .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-bglabel .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bglabel .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bglabel .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bglabel .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-bglabel .searchbar-ios .searchbar-ios-cancel {
  color: #F68A22;
}

.searchbar-ios-primary-light .searchbar-ios-cancel {
  color: #08b2be;
}

.searchbar-ios-primary-light .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #1cb8c3;
}

.toolbar-ios-primary-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(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-light .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-primary-light .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary-light .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary-light .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary-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(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-light .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-bgicon .searchbar-ios-cancel {
  color: rgba(226, 233, 237, 0.6);
}

.searchbar-ios-bgicon .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-bgicon .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-bgicon .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-bgicon .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bgicon .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bgicon .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-bgicon .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-bgicon .searchbar-ios .searchbar-ios-cancel {
  color: #F68A22;
}

.searchbar-ios-primary-text .searchbar-ios-cancel {
  color: #189dae;
}

.searchbar-ios-primary-text .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #2aa5b4;
}

.toolbar-ios-primary-text .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-text .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-primary-text .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary-text .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary-text .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-primary-text .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-text .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-white .searchbar-ios-cancel {
  color: #FFFFFF;
}

.searchbar-ios-white .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #ebebeb;
}

.toolbar-ios-white .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-white .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-white .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-white .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-white .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-white .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-white .searchbar-ios .searchbar-ios-cancel {
  color: #F68A22;
}

.searchbar-ios-success .searchbar-ios-cancel {
  color: #2BB34D;
}

.searchbar-ios-success .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #3cb95b;
}

.toolbar-ios-success .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-success .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-success .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-success .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-success .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-success .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-success .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-info .searchbar-ios-cancel {
  color: #1A73E8;
}

.searchbar-ios-info .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #186ad5;
}

.toolbar-ios-info .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-info .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-info .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-info .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-info .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-info .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-info .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-warning .searchbar-ios-cancel {
  color: #FFAB00;
}

.searchbar-ios-warning .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #ffb214;
}

.toolbar-ios-warning .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-warning .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-warning .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-warning .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-warning .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-warning .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-warning .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-danger .searchbar-ios-cancel {
  color: #F0624D;
}

.searchbar-ios-danger .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #dd5a47;
}

.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-tam .searchbar-ios-cancel {
  color: #CC0400;
}

.searchbar-ios-tam .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #d01814;
}

.toolbar-ios-tam .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-tam .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-tam .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-tam .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-tam .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-tam .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-tam .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: #F68A22;
}

.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: #F68A22;
}

.searchbar-wp-secondary.searchbar-has-focus .searchbar-input-container {
  border-color: #63BEFB;
}

.searchbar-wp-danger-low.searchbar-has-focus .searchbar-input-container {
  border-color: #fb745e;
}

.searchbar-wp-light.searchbar-has-focus .searchbar-input-container {
  border-color: #f4f4f4;
}

.searchbar-wp-dark.searchbar-has-focus .searchbar-input-container {
  border-color: #222;
}

.searchbar-wp-favorite.searchbar-has-focus .searchbar-input-container {
  border-color: #39B44A;
}

.searchbar-wp-darkgrey.searchbar-has-focus .searchbar-input-container {
  border-color: #8e9093;
}

.searchbar-wp-emerald.searchbar-has-focus .searchbar-input-container {
  border-color: #3498db;
}

.searchbar-wp-concrete.searchbar-has-focus .searchbar-input-container {
  border-color: #bdc3c7;
}

.searchbar-wp-yellow.searchbar-has-focus .searchbar-input-container {
  border-color: #ffff00;
}

.searchbar-wp-black.searchbar-has-focus .searchbar-input-container {
  border-color: #000000;
}

.searchbar-wp-grey.searchbar-has-focus .searchbar-input-container {
  border-color: #808080;
}

.searchbar-wp-red.searchbar-has-focus .searchbar-input-container {
  border-color: #ed4956;
}

.searchbar-wp-notif.searchbar-has-focus .searchbar-input-container {
  border-color: #17DFC4;
}

.searchbar-wp-new-badge.searchbar-has-focus .searchbar-input-container {
  border-color: #63BEFB;
}

.searchbar-wp-accent.searchbar-has-focus .searchbar-input-container {
  border-color: #63BEFB;
}

.searchbar-wp-skeleton.searchbar-has-focus .searchbar-input-container {
  border-color: #dddddd;
}

.searchbar-wp-outline.searchbar-has-focus .searchbar-input-container {
  border-color: #dbdbe1;
}

.searchbar-wp-secondary-text.searchbar-has-focus .searchbar-input-container {
  border-color: #A5B0B7;
}

.searchbar-wp-text.searchbar-has-focus .searchbar-input-container {
  border-color: #192528;
}

.searchbar-wp-label.searchbar-has-focus .searchbar-input-container {
  border-color: #333333;
}

.searchbar-wp-hover.searchbar-has-focus .searchbar-input-container {
  border-color: #eff2f4;
}

.searchbar-wp-hover-dark.searchbar-has-focus .searchbar-input-container {
  border-color: rgba(162, 162, 162, 0.1);
}

.searchbar-wp-bgcard.searchbar-has-focus .searchbar-input-container {
  border-color: #f2f5f8;
}

.searchbar-wp-bgcard2.searchbar-has-focus .searchbar-input-container {
  border-color: #fcfcfc;
}

.searchbar-wp-bglabel.searchbar-has-focus .searchbar-input-container {
  border-color: #E2E9ED;
}

.searchbar-wp-primary-light.searchbar-has-focus .searchbar-input-container {
  border-color: #08b2be;
}

.searchbar-wp-bgicon.searchbar-has-focus .searchbar-input-container {
  border-color: rgba(226, 233, 237, 0.6);
}

.searchbar-wp-primary-text.searchbar-has-focus .searchbar-input-container {
  border-color: #189dae;
}

.searchbar-wp-white.searchbar-has-focus .searchbar-input-container {
  border-color: #FFFFFF;
}

.searchbar-wp-success.searchbar-has-focus .searchbar-input-container {
  border-color: #2BB34D;
}

.searchbar-wp-info.searchbar-has-focus .searchbar-input-container {
  border-color: #1A73E8;
}

.searchbar-wp-warning.searchbar-has-focus .searchbar-input-container {
  border-color: #FFAB00;
}

.searchbar-wp-danger.searchbar-has-focus .searchbar-input-container {
  border-color: #F0624D;
}

.searchbar-wp-tam.searchbar-has-focus .searchbar-input-container {
  border-color: #CC0400;
}

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: #F68A22;
  font-size: 1.3rem;
  line-height: 3rem;
  color: #F68A22;
  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: #F68A22;
  opacity: 1;
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:hover:not(.segment-activated) {
  background-color: rgba(246, 138, 34, 0.1);
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:active:not(.segment-activated) {
  background-color: rgba(246, 138, 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(246, 138, 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: #F68A22;
  color: #F68A22;
}

.segment-ios-primary .segment-button:hover:not(.segment-activated) {
  background-color: rgba(246, 138, 34, 0.1);
}

.segment-ios-primary .segment-button:active:not(.segment-activated) {
  background-color: rgba(246, 138, 34, 0.16);
}

.segment-ios-primary .segment-button.segment-activated {
  color: #fff;
  background-color: #F68A22;
}

.segment-ios-primary .segment-button-disabled {
  color: rgba(246, 138, 34, 0.3);
}

.toolbar-ios-primary .segment-ios .segment-button.segment-activated {
  color: #F68A22;
}

.segment-ios-secondary .segment-button {
  border-color: #63BEFB;
  color: #63BEFB;
}

.segment-ios-secondary .segment-button:hover:not(.segment-activated) {
  background-color: rgba(99, 190, 251, 0.1);
}

.segment-ios-secondary .segment-button:active:not(.segment-activated) {
  background-color: rgba(99, 190, 251, 0.16);
}

.segment-ios-secondary .segment-button.segment-activated {
  color: #fff;
  background-color: #63BEFB;
}

.segment-ios-secondary .segment-button-disabled {
  color: rgba(99, 190, 251, 0.3);
}

.toolbar-ios-secondary .segment-ios .segment-button.segment-activated {
  color: #63BEFB;
}

.segment-ios-danger-low .segment-button {
  border-color: #fb745e;
  color: #fb745e;
}

.segment-ios-danger-low .segment-button:hover:not(.segment-activated) {
  background-color: rgba(251, 116, 94, 0.1);
}

.segment-ios-danger-low .segment-button:active:not(.segment-activated) {
  background-color: rgba(251, 116, 94, 0.16);
}

.segment-ios-danger-low .segment-button.segment-activated {
  color: #fff;
  background-color: #fb745e;
}

.segment-ios-danger-low .segment-button-disabled {
  color: rgba(251, 116, 94, 0.3);
}

.toolbar-ios-danger-low .segment-ios .segment-button.segment-activated {
  color: #fb745e;
}

.segment-ios-light .segment-button {
  border-color: #f4f4f4;
  color: #f4f4f4;
}

.segment-ios-light .segment-button:hover:not(.segment-activated) {
  background-color: rgba(244, 244, 244, 0.1);
}

.segment-ios-light .segment-button:active:not(.segment-activated) {
  background-color: rgba(244, 244, 244, 0.16);
}

.segment-ios-light .segment-button.segment-activated {
  color: #000;
  background-color: #f4f4f4;
}

.segment-ios-light .segment-button-disabled {
  color: rgba(244, 244, 244, 0.3);
}

.toolbar-ios-light .segment-ios .segment-button.segment-activated {
  color: #f4f4f4;
}

.segment-ios-dark .segment-button {
  border-color: #222;
  color: #222;
}

.segment-ios-dark .segment-button:hover:not(.segment-activated) {
  background-color: rgba(34, 34, 34, 0.1);
}

.segment-ios-dark .segment-button:active:not(.segment-activated) {
  background-color: rgba(34, 34, 34, 0.16);
}

.segment-ios-dark .segment-button.segment-activated {
  color: #fff;
  background-color: #222;
}

.segment-ios-dark .segment-button-disabled {
  color: rgba(34, 34, 34, 0.3);
}

.toolbar-ios-dark .segment-ios .segment-button.segment-activated {
  color: #222;
}

.segment-ios-favorite .segment-button {
  border-color: #39B44A;
  color: #39B44A;
}

.segment-ios-favorite .segment-button:hover:not(.segment-activated) {
  background-color: rgba(57, 180, 74, 0.1);
}

.segment-ios-favorite .segment-button:active:not(.segment-activated) {
  background-color: rgba(57, 180, 74, 0.16);
}

.segment-ios-favorite .segment-button.segment-activated {
  color: #fff;
  background-color: #39B44A;
}

.segment-ios-favorite .segment-button-disabled {
  color: rgba(57, 180, 74, 0.3);
}

.toolbar-ios-favorite .segment-ios .segment-button.segment-activated {
  color: #39B44A;
}

.segment-ios-darkgrey .segment-button {
  border-color: #8e9093;
  color: #8e9093;
}

.segment-ios-darkgrey .segment-button:hover:not(.segment-activated) {
  background-color: rgba(142, 144, 147, 0.1);
}

.segment-ios-darkgrey .segment-button:active:not(.segment-activated) {
  background-color: rgba(142, 144, 147, 0.16);
}

.segment-ios-darkgrey .segment-button.segment-activated {
  color: #fff;
  background-color: #8e9093;
}

.segment-ios-darkgrey .segment-button-disabled {
  color: rgba(142, 144, 147, 0.3);
}

.toolbar-ios-darkgrey .segment-ios .segment-button.segment-activated {
  color: #8e9093;
}

.segment-ios-emerald .segment-button {
  border-color: #3498db;
  color: #3498db;
}

.segment-ios-emerald .segment-button:hover:not(.segment-activated) {
  background-color: rgba(52, 152, 219, 0.1);
}

.segment-ios-emerald .segment-button:active:not(.segment-activated) {
  background-color: rgba(52, 152, 219, 0.16);
}

.segment-ios-emerald .segment-button.segment-activated {
  color: #fff;
  background-color: #3498db;
}

.segment-ios-emerald .segment-button-disabled {
  color: rgba(52, 152, 219, 0.3);
}

.toolbar-ios-emerald .segment-ios .segment-button.segment-activated {
  color: #3498db;
}

.segment-ios-concrete .segment-button {
  border-color: #bdc3c7;
  color: #bdc3c7;
}

.segment-ios-concrete .segment-button:hover:not(.segment-activated) {
  background-color: rgba(189, 195, 199, 0.1);
}

.segment-ios-concrete .segment-button:active:not(.segment-activated) {
  background-color: rgba(189, 195, 199, 0.16);
}

.segment-ios-concrete .segment-button.segment-activated {
  color: #fff;
  background-color: #bdc3c7;
}

.segment-ios-concrete .segment-button-disabled {
  color: rgba(189, 195, 199, 0.3);
}

.toolbar-ios-concrete .segment-ios .segment-button.segment-activated {
  color: #bdc3c7;
}

.segment-ios-yellow .segment-button {
  border-color: #ffff00;
  color: #ffff00;
}

.segment-ios-yellow .segment-button:hover:not(.segment-activated) {
  background-color: rgba(255, 255, 0, 0.1);
}

.segment-ios-yellow .segment-button:active:not(.segment-activated) {
  background-color: rgba(255, 255, 0, 0.16);
}

.segment-ios-yellow .segment-button.segment-activated {
  color: #000;
  background-color: #ffff00;
}

.segment-ios-yellow .segment-button-disabled {
  color: rgba(255, 255, 0, 0.3);
}

.toolbar-ios-yellow .segment-ios .segment-button.segment-activated {
  color: #ffff00;
}

.segment-ios-black .segment-button {
  border-color: #000000;
  color: #000000;
}

.segment-ios-black .segment-button:hover:not(.segment-activated) {
  background-color: rgba(0, 0, 0, 0.1);
}

.segment-ios-black .segment-button:active:not(.segment-activated) {
  background-color: rgba(0, 0, 0, 0.16);
}

.segment-ios-black .segment-button.segment-activated {
  color: #fff;
  background-color: #000000;
}

.segment-ios-black .segment-button-disabled {
  color: rgba(0, 0, 0, 0.3);
}

.toolbar-ios-black .segment-ios .segment-button.segment-activated {
  color: #000000;
}

.segment-ios-grey .segment-button {
  border-color: #808080;
  color: #808080;
}

.segment-ios-grey .segment-button:hover:not(.segment-activated) {
  background-color: rgba(128, 128, 128, 0.1);
}

.segment-ios-grey .segment-button:active:not(.segment-activated) {
  background-color: rgba(128, 128, 128, 0.16);
}

.segment-ios-grey .segment-button.segment-activated {
  color: #fff;
  background-color: #808080;
}

.segment-ios-grey .segment-button-disabled {
  color: rgba(128, 128, 128, 0.3);
}

.toolbar-ios-grey .segment-ios .segment-button.segment-activated {
  color: #808080;
}

.segment-ios-red .segment-button {
  border-color: #ed4956;
  color: #ed4956;
}

.segment-ios-red .segment-button:hover:not(.segment-activated) {
  background-color: rgba(237, 73, 86, 0.1);
}

.segment-ios-red .segment-button:active:not(.segment-activated) {
  background-color: rgba(237, 73, 86, 0.16);
}

.segment-ios-red .segment-button.segment-activated {
  color: #fff;
  background-color: #ed4956;
}

.segment-ios-red .segment-button-disabled {
  color: rgba(237, 73, 86, 0.3);
}

.toolbar-ios-red .segment-ios .segment-button.segment-activated {
  color: #ed4956;
}

.segment-ios-notif .segment-button {
  border-color: #17DFC4;
  color: #17DFC4;
}

.segment-ios-notif .segment-button:hover:not(.segment-activated) {
  background-color: rgba(23, 223, 196, 0.1);
}

.segment-ios-notif .segment-button:active:not(.segment-activated) {
  background-color: rgba(23, 223, 196, 0.16);
}

.segment-ios-notif .segment-button.segment-activated {
  color: #fff;
  background-color: #17DFC4;
}

.segment-ios-notif .segment-button-disabled {
  color: rgba(23, 223, 196, 0.3);
}

.toolbar-ios-notif .segment-ios .segment-button.segment-activated {
  color: #17DFC4;
}

.segment-ios-new-badge .segment-button {
  border-color: #63BEFB;
  color: #63BEFB;
}

.segment-ios-new-badge .segment-button:hover:not(.segment-activated) {
  background-color: rgba(99, 190, 251, 0.1);
}

.segment-ios-new-badge .segment-button:active:not(.segment-activated) {
  background-color: rgba(99, 190, 251, 0.16);
}

.segment-ios-new-badge .segment-button.segment-activated {
  color: #fff;
  background-color: #63BEFB;
}

.segment-ios-new-badge .segment-button-disabled {
  color: rgba(99, 190, 251, 0.3);
}

.toolbar-ios-new-badge .segment-ios .segment-button.segment-activated {
  color: #63BEFB;
}

.segment-ios-accent .segment-button {
  border-color: #63BEFB;
  color: #63BEFB;
}

.segment-ios-accent .segment-button:hover:not(.segment-activated) {
  background-color: rgba(99, 190, 251, 0.1);
}

.segment-ios-accent .segment-button:active:not(.segment-activated) {
  background-color: rgba(99, 190, 251, 0.16);
}

.segment-ios-accent .segment-button.segment-activated {
  color: #fff;
  background-color: #63BEFB;
}

.segment-ios-accent .segment-button-disabled {
  color: rgba(99, 190, 251, 0.3);
}

.toolbar-ios-accent .segment-ios .segment-button.segment-activated {
  color: #63BEFB;
}

.segment-ios-skeleton .segment-button {
  border-color: #dddddd;
  color: #dddddd;
}

.segment-ios-skeleton .segment-button:hover:not(.segment-activated) {
  background-color: rgba(221, 221, 221, 0.1);
}

.segment-ios-skeleton .segment-button:active:not(.segment-activated) {
  background-color: rgba(221, 221, 221, 0.16);
}

.segment-ios-skeleton .segment-button.segment-activated {
  color: #000;
  background-color: #dddddd;
}

.segment-ios-skeleton .segment-button-disabled {
  color: rgba(221, 221, 221, 0.3);
}

.toolbar-ios-skeleton .segment-ios .segment-button.segment-activated {
  color: #dddddd;
}

.segment-ios-outline .segment-button {
  border-color: #dbdbe1;
  color: #dbdbe1;
}

.segment-ios-outline .segment-button:hover:not(.segment-activated) {
  background-color: rgba(219, 219, 225, 0.1);
}

.segment-ios-outline .segment-button:active:not(.segment-activated) {
  background-color: rgba(219, 219, 225, 0.16);
}

.segment-ios-outline .segment-button.segment-activated {
  color: #000;
  background-color: #dbdbe1;
}

.segment-ios-outline .segment-button-disabled {
  color: rgba(219, 219, 225, 0.3);
}

.toolbar-ios-outline .segment-ios .segment-button.segment-activated {
  color: #dbdbe1;
}

.segment-ios-secondary-text .segment-button {
  border-color: #A5B0B7;
  color: #A5B0B7;
}

.segment-ios-secondary-text .segment-button:hover:not(.segment-activated) {
  background-color: rgba(165, 176, 183, 0.1);
}

.segment-ios-secondary-text .segment-button:active:not(.segment-activated) {
  background-color: rgba(165, 176, 183, 0.16);
}

.segment-ios-secondary-text .segment-button.segment-activated {
  color: #fff;
  background-color: #A5B0B7;
}

.segment-ios-secondary-text .segment-button-disabled {
  color: rgba(165, 176, 183, 0.3);
}

.toolbar-ios-secondary-text .segment-ios .segment-button.segment-activated {
  color: #A5B0B7;
}

.segment-ios-text .segment-button {
  border-color: #192528;
  color: #192528;
}

.segment-ios-text .segment-button:hover:not(.segment-activated) {
  background-color: rgba(25, 37, 40, 0.1);
}

.segment-ios-text .segment-button:active:not(.segment-activated) {
  background-color: rgba(25, 37, 40, 0.16);
}

.segment-ios-text .segment-button.segment-activated {
  color: #fff;
  background-color: #192528;
}

.segment-ios-text .segment-button-disabled {
  color: rgba(25, 37, 40, 0.3);
}

.toolbar-ios-text .segment-ios .segment-button.segment-activated {
  color: #192528;
}

.segment-ios-label .segment-button {
  border-color: #333333;
  color: #333333;
}

.segment-ios-label .segment-button:hover:not(.segment-activated) {
  background-color: rgba(51, 51, 51, 0.1);
}

.segment-ios-label .segment-button:active:not(.segment-activated) {
  background-color: rgba(51, 51, 51, 0.16);
}

.segment-ios-label .segment-button.segment-activated {
  color: #fff;
  background-color: #333333;
}

.segment-ios-label .segment-button-disabled {
  color: rgba(51, 51, 51, 0.3);
}

.toolbar-ios-label .segment-ios .segment-button.segment-activated {
  color: #333333;
}

.segment-ios-hover .segment-button {
  border-color: #eff2f4;
  color: #eff2f4;
}

.segment-ios-hover .segment-button:hover:not(.segment-activated) {
  background-color: rgba(239, 242, 244, 0.1);
}

.segment-ios-hover .segment-button:active:not(.segment-activated) {
  background-color: rgba(239, 242, 244, 0.16);
}

.segment-ios-hover .segment-button.segment-activated {
  color: #000;
  background-color: #eff2f4;
}

.segment-ios-hover .segment-button-disabled {
  color: rgba(239, 242, 244, 0.3);
}

.toolbar-ios-hover .segment-ios .segment-button.segment-activated {
  color: #eff2f4;
}

.segment-ios-hover-dark .segment-button {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
}

.segment-ios-hover-dark .segment-button:hover:not(.segment-activated) {
  background-color: rgba(162, 162, 162, 0.1);
}

.segment-ios-hover-dark .segment-button:active:not(.segment-activated) {
  background-color: rgba(162, 162, 162, 0.16);
}

.segment-ios-hover-dark .segment-button.segment-activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.segment-ios-hover-dark .segment-button-disabled {
  color: rgba(162, 162, 162, 0.3);
}

.toolbar-ios-hover-dark .segment-ios .segment-button.segment-activated {
  color: rgba(162, 162, 162, 0.1);
}

.segment-ios-bgcard .segment-button {
  border-color: #f2f5f8;
  color: #f2f5f8;
}

.segment-ios-bgcard .segment-button:hover:not(.segment-activated) {
  background-color: rgba(242, 245, 248, 0.1);
}

.segment-ios-bgcard .segment-button:active:not(.segment-activated) {
  background-color: rgba(242, 245, 248, 0.16);
}

.segment-ios-bgcard .segment-button.segment-activated {
  color: #000;
  background-color: #f2f5f8;
}

.segment-ios-bgcard .segment-button-disabled {
  color: rgba(242, 245, 248, 0.3);
}

.toolbar-ios-bgcard .segment-ios .segment-button.segment-activated {
  color: #f2f5f8;
}

.segment-ios-bgcard2 .segment-button {
  border-color: #fcfcfc;
  color: #fcfcfc;
}

.segment-ios-bgcard2 .segment-button:hover:not(.segment-activated) {
  background-color: rgba(252, 252, 252, 0.1);
}

.segment-ios-bgcard2 .segment-button:active:not(.segment-activated) {
  background-color: rgba(252, 252, 252, 0.16);
}

.segment-ios-bgcard2 .segment-button.segment-activated {
  color: #000;
  background-color: #fcfcfc;
}

.segment-ios-bgcard2 .segment-button-disabled {
  color: rgba(252, 252, 252, 0.3);
}

.toolbar-ios-bgcard2 .segment-ios .segment-button.segment-activated {
  color: #fcfcfc;
}

.segment-ios-bglabel .segment-button {
  border-color: #E2E9ED;
  color: #E2E9ED;
}

.segment-ios-bglabel .segment-button:hover:not(.segment-activated) {
  background-color: rgba(226, 233, 237, 0.1);
}

.segment-ios-bglabel .segment-button:active:not(.segment-activated) {
  background-color: rgba(226, 233, 237, 0.16);
}

.segment-ios-bglabel .segment-button.segment-activated {
  color: #000;
  background-color: #E2E9ED;
}

.segment-ios-bglabel .segment-button-disabled {
  color: rgba(226, 233, 237, 0.3);
}

.toolbar-ios-bglabel .segment-ios .segment-button.segment-activated {
  color: #E2E9ED;
}

.segment-ios-primary-light .segment-button {
  border-color: #08b2be;
  color: #08b2be;
}

.segment-ios-primary-light .segment-button:hover:not(.segment-activated) {
  background-color: rgba(8, 178, 190, 0.1);
}

.segment-ios-primary-light .segment-button:active:not(.segment-activated) {
  background-color: rgba(8, 178, 190, 0.16);
}

.segment-ios-primary-light .segment-button.segment-activated {
  color: #fff;
  background-color: #08b2be;
}

.segment-ios-primary-light .segment-button-disabled {
  color: rgba(8, 178, 190, 0.3);
}

.toolbar-ios-primary-light .segment-ios .segment-button.segment-activated {
  color: #08b2be;
}

.segment-ios-bgicon .segment-button {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
}

.segment-ios-bgicon .segment-button:hover:not(.segment-activated) {
  background-color: rgba(226, 233, 237, 0.1);
}

.segment-ios-bgicon .segment-button:active:not(.segment-activated) {
  background-color: rgba(226, 233, 237, 0.16);
}

.segment-ios-bgicon .segment-button.segment-activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.segment-ios-bgicon .segment-button-disabled {
  color: rgba(226, 233, 237, 0.3);
}

.toolbar-ios-bgicon .segment-ios .segment-button.segment-activated {
  color: rgba(226, 233, 237, 0.6);
}

.segment-ios-primary-text .segment-button {
  border-color: #189dae;
  color: #189dae;
}

.segment-ios-primary-text .segment-button:hover:not(.segment-activated) {
  background-color: rgba(24, 157, 174, 0.1);
}

.segment-ios-primary-text .segment-button:active:not(.segment-activated) {
  background-color: rgba(24, 157, 174, 0.16);
}

.segment-ios-primary-text .segment-button.segment-activated {
  color: #fff;
  background-color: #189dae;
}

.segment-ios-primary-text .segment-button-disabled {
  color: rgba(24, 157, 174, 0.3);
}

.toolbar-ios-primary-text .segment-ios .segment-button.segment-activated {
  color: #189dae;
}

.segment-ios-white .segment-button {
  border-color: #FFFFFF;
  color: #FFFFFF;
}

.segment-ios-white .segment-button:hover:not(.segment-activated) {
  background-color: rgba(255, 255, 255, 0.1);
}

.segment-ios-white .segment-button:active:not(.segment-activated) {
  background-color: rgba(255, 255, 255, 0.16);
}

.segment-ios-white .segment-button.segment-activated {
  color: #000;
  background-color: #FFFFFF;
}

.segment-ios-white .segment-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}

.toolbar-ios-white .segment-ios .segment-button.segment-activated {
  color: #FFFFFF;
}

.segment-ios-success .segment-button {
  border-color: #2BB34D;
  color: #2BB34D;
}

.segment-ios-success .segment-button:hover:not(.segment-activated) {
  background-color: rgba(43, 179, 77, 0.1);
}

.segment-ios-success .segment-button:active:not(.segment-activated) {
  background-color: rgba(43, 179, 77, 0.16);
}

.segment-ios-success .segment-button.segment-activated {
  color: #fff;
  background-color: #2BB34D;
}

.segment-ios-success .segment-button-disabled {
  color: rgba(43, 179, 77, 0.3);
}

.toolbar-ios-success .segment-ios .segment-button.segment-activated {
  color: #2BB34D;
}

.segment-ios-info .segment-button {
  border-color: #1A73E8;
  color: #1A73E8;
}

.segment-ios-info .segment-button:hover:not(.segment-activated) {
  background-color: rgba(26, 115, 232, 0.1);
}

.segment-ios-info .segment-button:active:not(.segment-activated) {
  background-color: rgba(26, 115, 232, 0.16);
}

.segment-ios-info .segment-button.segment-activated {
  color: #fff;
  background-color: #1A73E8;
}

.segment-ios-info .segment-button-disabled {
  color: rgba(26, 115, 232, 0.3);
}

.toolbar-ios-info .segment-ios .segment-button.segment-activated {
  color: #1A73E8;
}

.segment-ios-warning .segment-button {
  border-color: #FFAB00;
  color: #FFAB00;
}

.segment-ios-warning .segment-button:hover:not(.segment-activated) {
  background-color: rgba(255, 171, 0, 0.1);
}

.segment-ios-warning .segment-button:active:not(.segment-activated) {
  background-color: rgba(255, 171, 0, 0.16);
}

.segment-ios-warning .segment-button.segment-activated {
  color: #fff;
  background-color: #FFAB00;
}

.segment-ios-warning .segment-button-disabled {
  color: rgba(255, 171, 0, 0.3);
}

.toolbar-ios-warning .segment-ios .segment-button.segment-activated {
  color: #FFAB00;
}

.segment-ios-danger .segment-button {
  border-color: #F0624D;
  color: #F0624D;
}

.segment-ios-danger .segment-button:hover:not(.segment-activated) {
  background-color: rgba(240, 98, 77, 0.1);
}

.segment-ios-danger .segment-button:active:not(.segment-activated) {
  background-color: rgba(240, 98, 77, 0.16);
}

.segment-ios-danger .segment-button.segment-activated {
  color: #fff;
  background-color: #F0624D;
}

.segment-ios-danger .segment-button-disabled {
  color: rgba(240, 98, 77, 0.3);
}

.toolbar-ios-danger .segment-ios .segment-button.segment-activated {
  color: #F0624D;
}

.segment-ios-tam .segment-button {
  border-color: #CC0400;
  color: #CC0400;
}

.segment-ios-tam .segment-button:hover:not(.segment-activated) {
  background-color: rgba(204, 4, 0, 0.1);
}

.segment-ios-tam .segment-button:active:not(.segment-activated) {
  background-color: rgba(204, 4, 0, 0.16);
}

.segment-ios-tam .segment-button.segment-activated {
  color: #fff;
  background-color: #CC0400;
}

.segment-ios-tam .segment-button-disabled {
  color: rgba(204, 4, 0, 0.3);
}

.toolbar-ios-tam .segment-ios .segment-button.segment-activated {
  color: #CC0400;
}

.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: #F68A22;
  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: #F68A22;
  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: #F68A22;
}

.segment-md-primary .segment-button.activated, .segment-md-primary .segment-button.segment-activated {
  border-color: #F68A22;
  color: #F68A22;
  opacity: 1;
}

.segment-md-secondary .segment-button {
  color: #63BEFB;
}

.segment-md-secondary .segment-button.activated, .segment-md-secondary .segment-button.segment-activated {
  border-color: #63BEFB;
  color: #63BEFB;
  opacity: 1;
}

.segment-md-danger-low .segment-button {
  color: #fb745e;
}

.segment-md-danger-low .segment-button.activated, .segment-md-danger-low .segment-button.segment-activated {
  border-color: #fb745e;
  color: #fb745e;
  opacity: 1;
}

.segment-md-light .segment-button {
  color: #f4f4f4;
}

.segment-md-light .segment-button.activated, .segment-md-light .segment-button.segment-activated {
  border-color: #f4f4f4;
  color: #f4f4f4;
  opacity: 1;
}

.segment-md-dark .segment-button {
  color: #222;
}

.segment-md-dark .segment-button.activated, .segment-md-dark .segment-button.segment-activated {
  border-color: #222;
  color: #222;
  opacity: 1;
}

.segment-md-favorite .segment-button {
  color: #39B44A;
}

.segment-md-favorite .segment-button.activated, .segment-md-favorite .segment-button.segment-activated {
  border-color: #39B44A;
  color: #39B44A;
  opacity: 1;
}

.segment-md-darkgrey .segment-button {
  color: #8e9093;
}

.segment-md-darkgrey .segment-button.activated, .segment-md-darkgrey .segment-button.segment-activated {
  border-color: #8e9093;
  color: #8e9093;
  opacity: 1;
}

.segment-md-emerald .segment-button {
  color: #3498db;
}

.segment-md-emerald .segment-button.activated, .segment-md-emerald .segment-button.segment-activated {
  border-color: #3498db;
  color: #3498db;
  opacity: 1;
}

.segment-md-concrete .segment-button {
  color: #bdc3c7;
}

.segment-md-concrete .segment-button.activated, .segment-md-concrete .segment-button.segment-activated {
  border-color: #bdc3c7;
  color: #bdc3c7;
  opacity: 1;
}

.segment-md-yellow .segment-button {
  color: #ffff00;
}

.segment-md-yellow .segment-button.activated, .segment-md-yellow .segment-button.segment-activated {
  border-color: #ffff00;
  color: #ffff00;
  opacity: 1;
}

.segment-md-black .segment-button {
  color: #000000;
}

.segment-md-black .segment-button.activated, .segment-md-black .segment-button.segment-activated {
  border-color: #000000;
  color: #000000;
  opacity: 1;
}

.segment-md-grey .segment-button {
  color: #808080;
}

.segment-md-grey .segment-button.activated, .segment-md-grey .segment-button.segment-activated {
  border-color: #808080;
  color: #808080;
  opacity: 1;
}

.segment-md-red .segment-button {
  color: #ed4956;
}

.segment-md-red .segment-button.activated, .segment-md-red .segment-button.segment-activated {
  border-color: #ed4956;
  color: #ed4956;
  opacity: 1;
}

.segment-md-notif .segment-button {
  color: #17DFC4;
}

.segment-md-notif .segment-button.activated, .segment-md-notif .segment-button.segment-activated {
  border-color: #17DFC4;
  color: #17DFC4;
  opacity: 1;
}

.segment-md-new-badge .segment-button {
  color: #63BEFB;
}

.segment-md-new-badge .segment-button.activated, .segment-md-new-badge .segment-button.segment-activated {
  border-color: #63BEFB;
  color: #63BEFB;
  opacity: 1;
}

.segment-md-accent .segment-button {
  color: #63BEFB;
}

.segment-md-accent .segment-button.activated, .segment-md-accent .segment-button.segment-activated {
  border-color: #63BEFB;
  color: #63BEFB;
  opacity: 1;
}

.segment-md-skeleton .segment-button {
  color: #dddddd;
}

.segment-md-skeleton .segment-button.activated, .segment-md-skeleton .segment-button.segment-activated {
  border-color: #dddddd;
  color: #dddddd;
  opacity: 1;
}

.segment-md-outline .segment-button {
  color: #dbdbe1;
}

.segment-md-outline .segment-button.activated, .segment-md-outline .segment-button.segment-activated {
  border-color: #dbdbe1;
  color: #dbdbe1;
  opacity: 1;
}

.segment-md-secondary-text .segment-button {
  color: #A5B0B7;
}

.segment-md-secondary-text .segment-button.activated, .segment-md-secondary-text .segment-button.segment-activated {
  border-color: #A5B0B7;
  color: #A5B0B7;
  opacity: 1;
}

.segment-md-text .segment-button {
  color: #192528;
}

.segment-md-text .segment-button.activated, .segment-md-text .segment-button.segment-activated {
  border-color: #192528;
  color: #192528;
  opacity: 1;
}

.segment-md-label .segment-button {
  color: #333333;
}

.segment-md-label .segment-button.activated, .segment-md-label .segment-button.segment-activated {
  border-color: #333333;
  color: #333333;
  opacity: 1;
}

.segment-md-hover .segment-button {
  color: #eff2f4;
}

.segment-md-hover .segment-button.activated, .segment-md-hover .segment-button.segment-activated {
  border-color: #eff2f4;
  color: #eff2f4;
  opacity: 1;
}

.segment-md-hover-dark .segment-button {
  color: rgba(162, 162, 162, 0.1);
}

.segment-md-hover-dark .segment-button.activated, .segment-md-hover-dark .segment-button.segment-activated {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  opacity: 1;
}

.segment-md-bgcard .segment-button {
  color: #f2f5f8;
}

.segment-md-bgcard .segment-button.activated, .segment-md-bgcard .segment-button.segment-activated {
  border-color: #f2f5f8;
  color: #f2f5f8;
  opacity: 1;
}

.segment-md-bgcard2 .segment-button {
  color: #fcfcfc;
}

.segment-md-bgcard2 .segment-button.activated, .segment-md-bgcard2 .segment-button.segment-activated {
  border-color: #fcfcfc;
  color: #fcfcfc;
  opacity: 1;
}

.segment-md-bglabel .segment-button {
  color: #E2E9ED;
}

.segment-md-bglabel .segment-button.activated, .segment-md-bglabel .segment-button.segment-activated {
  border-color: #E2E9ED;
  color: #E2E9ED;
  opacity: 1;
}

.segment-md-primary-light .segment-button {
  color: #08b2be;
}

.segment-md-primary-light .segment-button.activated, .segment-md-primary-light .segment-button.segment-activated {
  border-color: #08b2be;
  color: #08b2be;
  opacity: 1;
}

.segment-md-bgicon .segment-button {
  color: rgba(226, 233, 237, 0.6);
}

.segment-md-bgicon .segment-button.activated, .segment-md-bgicon .segment-button.segment-activated {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  opacity: 1;
}

.segment-md-primary-text .segment-button {
  color: #189dae;
}

.segment-md-primary-text .segment-button.activated, .segment-md-primary-text .segment-button.segment-activated {
  border-color: #189dae;
  color: #189dae;
  opacity: 1;
}

.segment-md-white .segment-button {
  color: #FFFFFF;
}

.segment-md-white .segment-button.activated, .segment-md-white .segment-button.segment-activated {
  border-color: #FFFFFF;
  color: #FFFFFF;
  opacity: 1;
}

.segment-md-success .segment-button {
  color: #2BB34D;
}

.segment-md-success .segment-button.activated, .segment-md-success .segment-button.segment-activated {
  border-color: #2BB34D;
  color: #2BB34D;
  opacity: 1;
}

.segment-md-info .segment-button {
  color: #1A73E8;
}

.segment-md-info .segment-button.activated, .segment-md-info .segment-button.segment-activated {
  border-color: #1A73E8;
  color: #1A73E8;
  opacity: 1;
}

.segment-md-warning .segment-button {
  color: #FFAB00;
}

.segment-md-warning .segment-button.activated, .segment-md-warning .segment-button.segment-activated {
  border-color: #FFAB00;
  color: #FFAB00;
  opacity: 1;
}

.segment-md-danger .segment-button {
  color: #F0624D;
}

.segment-md-danger .segment-button.activated, .segment-md-danger .segment-button.segment-activated {
  border-color: #F0624D;
  color: #F0624D;
  opacity: 1;
}

.segment-md-tam .segment-button {
  color: #CC0400;
}

.segment-md-tam .segment-button.activated, .segment-md-tam .segment-button.segment-activated {
  border-color: #CC0400;
  color: #CC0400;
  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: #808080;
  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: #F68A22;
}

.segment-wp-primary .segment-button.activated, .segment-wp-primary .segment-button.segment-activated {
  border-color: #F68A22;
  color: #F68A22;
  opacity: 1;
}

.segment-wp-secondary .segment-button {
  color: #63BEFB;
}

.segment-wp-secondary .segment-button.activated, .segment-wp-secondary .segment-button.segment-activated {
  border-color: #63BEFB;
  color: #63BEFB;
  opacity: 1;
}

.segment-wp-danger-low .segment-button {
  color: #fb745e;
}

.segment-wp-danger-low .segment-button.activated, .segment-wp-danger-low .segment-button.segment-activated {
  border-color: #fb745e;
  color: #fb745e;
  opacity: 1;
}

.segment-wp-light .segment-button {
  color: #f4f4f4;
}

.segment-wp-light .segment-button.activated, .segment-wp-light .segment-button.segment-activated {
  border-color: #f4f4f4;
  color: #f4f4f4;
  opacity: 1;
}

.segment-wp-dark .segment-button {
  color: #222;
}

.segment-wp-dark .segment-button.activated, .segment-wp-dark .segment-button.segment-activated {
  border-color: #222;
  color: #222;
  opacity: 1;
}

.segment-wp-favorite .segment-button {
  color: #39B44A;
}

.segment-wp-favorite .segment-button.activated, .segment-wp-favorite .segment-button.segment-activated {
  border-color: #39B44A;
  color: #39B44A;
  opacity: 1;
}

.segment-wp-darkgrey .segment-button {
  color: #8e9093;
}

.segment-wp-darkgrey .segment-button.activated, .segment-wp-darkgrey .segment-button.segment-activated {
  border-color: #8e9093;
  color: #8e9093;
  opacity: 1;
}

.segment-wp-emerald .segment-button {
  color: #3498db;
}

.segment-wp-emerald .segment-button.activated, .segment-wp-emerald .segment-button.segment-activated {
  border-color: #3498db;
  color: #3498db;
  opacity: 1;
}

.segment-wp-concrete .segment-button {
  color: #bdc3c7;
}

.segment-wp-concrete .segment-button.activated, .segment-wp-concrete .segment-button.segment-activated {
  border-color: #bdc3c7;
  color: #bdc3c7;
  opacity: 1;
}

.segment-wp-yellow .segment-button {
  color: #ffff00;
}

.segment-wp-yellow .segment-button.activated, .segment-wp-yellow .segment-button.segment-activated {
  border-color: #ffff00;
  color: #ffff00;
  opacity: 1;
}

.segment-wp-black .segment-button {
  color: #000000;
}

.segment-wp-black .segment-button.activated, .segment-wp-black .segment-button.segment-activated {
  border-color: #000000;
  color: #000000;
  opacity: 1;
}

.segment-wp-grey .segment-button {
  color: #808080;
}

.segment-wp-grey .segment-button.activated, .segment-wp-grey .segment-button.segment-activated {
  border-color: #808080;
  color: #808080;
  opacity: 1;
}

.segment-wp-red .segment-button {
  color: #ed4956;
}

.segment-wp-red .segment-button.activated, .segment-wp-red .segment-button.segment-activated {
  border-color: #ed4956;
  color: #ed4956;
  opacity: 1;
}

.segment-wp-notif .segment-button {
  color: #17DFC4;
}

.segment-wp-notif .segment-button.activated, .segment-wp-notif .segment-button.segment-activated {
  border-color: #17DFC4;
  color: #17DFC4;
  opacity: 1;
}

.segment-wp-new-badge .segment-button {
  color: #63BEFB;
}

.segment-wp-new-badge .segment-button.activated, .segment-wp-new-badge .segment-button.segment-activated {
  border-color: #63BEFB;
  color: #63BEFB;
  opacity: 1;
}

.segment-wp-accent .segment-button {
  color: #63BEFB;
}

.segment-wp-accent .segment-button.activated, .segment-wp-accent .segment-button.segment-activated {
  border-color: #63BEFB;
  color: #63BEFB;
  opacity: 1;
}

.segment-wp-skeleton .segment-button {
  color: #dddddd;
}

.segment-wp-skeleton .segment-button.activated, .segment-wp-skeleton .segment-button.segment-activated {
  border-color: #dddddd;
  color: #dddddd;
  opacity: 1;
}

.segment-wp-outline .segment-button {
  color: #dbdbe1;
}

.segment-wp-outline .segment-button.activated, .segment-wp-outline .segment-button.segment-activated {
  border-color: #dbdbe1;
  color: #dbdbe1;
  opacity: 1;
}

.segment-wp-secondary-text .segment-button {
  color: #A5B0B7;
}

.segment-wp-secondary-text .segment-button.activated, .segment-wp-secondary-text .segment-button.segment-activated {
  border-color: #A5B0B7;
  color: #A5B0B7;
  opacity: 1;
}

.segment-wp-text .segment-button {
  color: #192528;
}

.segment-wp-text .segment-button.activated, .segment-wp-text .segment-button.segment-activated {
  border-color: #192528;
  color: #192528;
  opacity: 1;
}

.segment-wp-label .segment-button {
  color: #333333;
}

.segment-wp-label .segment-button.activated, .segment-wp-label .segment-button.segment-activated {
  border-color: #333333;
  color: #333333;
  opacity: 1;
}

.segment-wp-hover .segment-button {
  color: #eff2f4;
}

.segment-wp-hover .segment-button.activated, .segment-wp-hover .segment-button.segment-activated {
  border-color: #eff2f4;
  color: #eff2f4;
  opacity: 1;
}

.segment-wp-hover-dark .segment-button {
  color: rgba(162, 162, 162, 0.1);
}

.segment-wp-hover-dark .segment-button.activated, .segment-wp-hover-dark .segment-button.segment-activated {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  opacity: 1;
}

.segment-wp-bgcard .segment-button {
  color: #f2f5f8;
}

.segment-wp-bgcard .segment-button.activated, .segment-wp-bgcard .segment-button.segment-activated {
  border-color: #f2f5f8;
  color: #f2f5f8;
  opacity: 1;
}

.segment-wp-bgcard2 .segment-button {
  color: #fcfcfc;
}

.segment-wp-bgcard2 .segment-button.activated, .segment-wp-bgcard2 .segment-button.segment-activated {
  border-color: #fcfcfc;
  color: #fcfcfc;
  opacity: 1;
}

.segment-wp-bglabel .segment-button {
  color: #E2E9ED;
}

.segment-wp-bglabel .segment-button.activated, .segment-wp-bglabel .segment-button.segment-activated {
  border-color: #E2E9ED;
  color: #E2E9ED;
  opacity: 1;
}

.segment-wp-primary-light .segment-button {
  color: #08b2be;
}

.segment-wp-primary-light .segment-button.activated, .segment-wp-primary-light .segment-button.segment-activated {
  border-color: #08b2be;
  color: #08b2be;
  opacity: 1;
}

.segment-wp-bgicon .segment-button {
  color: rgba(226, 233, 237, 0.6);
}

.segment-wp-bgicon .segment-button.activated, .segment-wp-bgicon .segment-button.segment-activated {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  opacity: 1;
}

.segment-wp-primary-text .segment-button {
  color: #189dae;
}

.segment-wp-primary-text .segment-button.activated, .segment-wp-primary-text .segment-button.segment-activated {
  border-color: #189dae;
  color: #189dae;
  opacity: 1;
}

.segment-wp-white .segment-button {
  color: #FFFFFF;
}

.segment-wp-white .segment-button.activated, .segment-wp-white .segment-button.segment-activated {
  border-color: #FFFFFF;
  color: #FFFFFF;
  opacity: 1;
}

.segment-wp-success .segment-button {
  color: #2BB34D;
}

.segment-wp-success .segment-button.activated, .segment-wp-success .segment-button.segment-activated {
  border-color: #2BB34D;
  color: #2BB34D;
  opacity: 1;
}

.segment-wp-info .segment-button {
  color: #1A73E8;
}

.segment-wp-info .segment-button.activated, .segment-wp-info .segment-button.segment-activated {
  border-color: #1A73E8;
  color: #1A73E8;
  opacity: 1;
}

.segment-wp-warning .segment-button {
  color: #FFAB00;
}

.segment-wp-warning .segment-button.activated, .segment-wp-warning .segment-button.segment-activated {
  border-color: #FFAB00;
  color: #FFAB00;
  opacity: 1;
}

.segment-wp-danger .segment-button {
  color: #F0624D;
}

.segment-wp-danger .segment-button.activated, .segment-wp-danger .segment-button.segment-activated {
  border-color: #F0624D;
  color: #F0624D;
  opacity: 1;
}

.segment-wp-tam .segment-button {
  color: #CC0400;
}

.segment-wp-tam .segment-button.activated, .segment-wp-tam .segment-button.segment-activated {
  border-color: #CC0400;
  color: #CC0400;
  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(transparent));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(transparent));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), transparent);
}

.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: #F68A22;
}

.spinner-ios-primary.spinner-bubbles circle,
.spinner-ios-primary.spinner-circles circle,
.spinner-ios-primary.spinner-dots circle {
  fill: #F68A22;
}

.spinner-ios-secondary.spinner-ios line,
.spinner-ios-secondary.spinner-ios-small line,
.spinner-ios-secondary.spinner-crescent circle {
  stroke: #63BEFB;
}

.spinner-ios-secondary.spinner-bubbles circle,
.spinner-ios-secondary.spinner-circles circle,
.spinner-ios-secondary.spinner-dots circle {
  fill: #63BEFB;
}

.spinner-ios-danger-low.spinner-ios line,
.spinner-ios-danger-low.spinner-ios-small line,
.spinner-ios-danger-low.spinner-crescent circle {
  stroke: #fb745e;
}

.spinner-ios-danger-low.spinner-bubbles circle,
.spinner-ios-danger-low.spinner-circles circle,
.spinner-ios-danger-low.spinner-dots circle {
  fill: #fb745e;
}

.spinner-ios-light.spinner-ios line,
.spinner-ios-light.spinner-ios-small line,
.spinner-ios-light.spinner-crescent circle {
  stroke: #f4f4f4;
}

.spinner-ios-light.spinner-bubbles circle,
.spinner-ios-light.spinner-circles circle,
.spinner-ios-light.spinner-dots circle {
  fill: #f4f4f4;
}

.spinner-ios-dark.spinner-ios line,
.spinner-ios-dark.spinner-ios-small line,
.spinner-ios-dark.spinner-crescent circle {
  stroke: #222;
}

.spinner-ios-dark.spinner-bubbles circle,
.spinner-ios-dark.spinner-circles circle,
.spinner-ios-dark.spinner-dots circle {
  fill: #222;
}

.spinner-ios-favorite.spinner-ios line,
.spinner-ios-favorite.spinner-ios-small line,
.spinner-ios-favorite.spinner-crescent circle {
  stroke: #39B44A;
}

.spinner-ios-favorite.spinner-bubbles circle,
.spinner-ios-favorite.spinner-circles circle,
.spinner-ios-favorite.spinner-dots circle {
  fill: #39B44A;
}

.spinner-ios-darkgrey.spinner-ios line,
.spinner-ios-darkgrey.spinner-ios-small line,
.spinner-ios-darkgrey.spinner-crescent circle {
  stroke: #8e9093;
}

.spinner-ios-darkgrey.spinner-bubbles circle,
.spinner-ios-darkgrey.spinner-circles circle,
.spinner-ios-darkgrey.spinner-dots circle {
  fill: #8e9093;
}

.spinner-ios-emerald.spinner-ios line,
.spinner-ios-emerald.spinner-ios-small line,
.spinner-ios-emerald.spinner-crescent circle {
  stroke: #3498db;
}

.spinner-ios-emerald.spinner-bubbles circle,
.spinner-ios-emerald.spinner-circles circle,
.spinner-ios-emerald.spinner-dots circle {
  fill: #3498db;
}

.spinner-ios-concrete.spinner-ios line,
.spinner-ios-concrete.spinner-ios-small line,
.spinner-ios-concrete.spinner-crescent circle {
  stroke: #bdc3c7;
}

.spinner-ios-concrete.spinner-bubbles circle,
.spinner-ios-concrete.spinner-circles circle,
.spinner-ios-concrete.spinner-dots circle {
  fill: #bdc3c7;
}

.spinner-ios-yellow.spinner-ios line,
.spinner-ios-yellow.spinner-ios-small line,
.spinner-ios-yellow.spinner-crescent circle {
  stroke: #ffff00;
}

.spinner-ios-yellow.spinner-bubbles circle,
.spinner-ios-yellow.spinner-circles circle,
.spinner-ios-yellow.spinner-dots circle {
  fill: #ffff00;
}

.spinner-ios-black.spinner-ios line,
.spinner-ios-black.spinner-ios-small line,
.spinner-ios-black.spinner-crescent circle {
  stroke: #000000;
}

.spinner-ios-black.spinner-bubbles circle,
.spinner-ios-black.spinner-circles circle,
.spinner-ios-black.spinner-dots circle {
  fill: #000000;
}

.spinner-ios-grey.spinner-ios line,
.spinner-ios-grey.spinner-ios-small line,
.spinner-ios-grey.spinner-crescent circle {
  stroke: #808080;
}

.spinner-ios-grey.spinner-bubbles circle,
.spinner-ios-grey.spinner-circles circle,
.spinner-ios-grey.spinner-dots circle {
  fill: #808080;
}

.spinner-ios-red.spinner-ios line,
.spinner-ios-red.spinner-ios-small line,
.spinner-ios-red.spinner-crescent circle {
  stroke: #ed4956;
}

.spinner-ios-red.spinner-bubbles circle,
.spinner-ios-red.spinner-circles circle,
.spinner-ios-red.spinner-dots circle {
  fill: #ed4956;
}

.spinner-ios-notif.spinner-ios line,
.spinner-ios-notif.spinner-ios-small line,
.spinner-ios-notif.spinner-crescent circle {
  stroke: #17DFC4;
}

.spinner-ios-notif.spinner-bubbles circle,
.spinner-ios-notif.spinner-circles circle,
.spinner-ios-notif.spinner-dots circle {
  fill: #17DFC4;
}

.spinner-ios-new-badge.spinner-ios line,
.spinner-ios-new-badge.spinner-ios-small line,
.spinner-ios-new-badge.spinner-crescent circle {
  stroke: #63BEFB;
}

.spinner-ios-new-badge.spinner-bubbles circle,
.spinner-ios-new-badge.spinner-circles circle,
.spinner-ios-new-badge.spinner-dots circle {
  fill: #63BEFB;
}

.spinner-ios-accent.spinner-ios line,
.spinner-ios-accent.spinner-ios-small line,
.spinner-ios-accent.spinner-crescent circle {
  stroke: #63BEFB;
}

.spinner-ios-accent.spinner-bubbles circle,
.spinner-ios-accent.spinner-circles circle,
.spinner-ios-accent.spinner-dots circle {
  fill: #63BEFB;
}

.spinner-ios-skeleton.spinner-ios line,
.spinner-ios-skeleton.spinner-ios-small line,
.spinner-ios-skeleton.spinner-crescent circle {
  stroke: #dddddd;
}

.spinner-ios-skeleton.spinner-bubbles circle,
.spinner-ios-skeleton.spinner-circles circle,
.spinner-ios-skeleton.spinner-dots circle {
  fill: #dddddd;
}

.spinner-ios-outline.spinner-ios line,
.spinner-ios-outline.spinner-ios-small line,
.spinner-ios-outline.spinner-crescent circle {
  stroke: #dbdbe1;
}

.spinner-ios-outline.spinner-bubbles circle,
.spinner-ios-outline.spinner-circles circle,
.spinner-ios-outline.spinner-dots circle {
  fill: #dbdbe1;
}

.spinner-ios-secondary-text.spinner-ios line,
.spinner-ios-secondary-text.spinner-ios-small line,
.spinner-ios-secondary-text.spinner-crescent circle {
  stroke: #A5B0B7;
}

.spinner-ios-secondary-text.spinner-bubbles circle,
.spinner-ios-secondary-text.spinner-circles circle,
.spinner-ios-secondary-text.spinner-dots circle {
  fill: #A5B0B7;
}

.spinner-ios-text.spinner-ios line,
.spinner-ios-text.spinner-ios-small line,
.spinner-ios-text.spinner-crescent circle {
  stroke: #192528;
}

.spinner-ios-text.spinner-bubbles circle,
.spinner-ios-text.spinner-circles circle,
.spinner-ios-text.spinner-dots circle {
  fill: #192528;
}

.spinner-ios-label.spinner-ios line,
.spinner-ios-label.spinner-ios-small line,
.spinner-ios-label.spinner-crescent circle {
  stroke: #333333;
}

.spinner-ios-label.spinner-bubbles circle,
.spinner-ios-label.spinner-circles circle,
.spinner-ios-label.spinner-dots circle {
  fill: #333333;
}

.spinner-ios-hover.spinner-ios line,
.spinner-ios-hover.spinner-ios-small line,
.spinner-ios-hover.spinner-crescent circle {
  stroke: #eff2f4;
}

.spinner-ios-hover.spinner-bubbles circle,
.spinner-ios-hover.spinner-circles circle,
.spinner-ios-hover.spinner-dots circle {
  fill: #eff2f4;
}

.spinner-ios-hover-dark.spinner-ios line,
.spinner-ios-hover-dark.spinner-ios-small line,
.spinner-ios-hover-dark.spinner-crescent circle {
  stroke: rgba(162, 162, 162, 0.1);
}

.spinner-ios-hover-dark.spinner-bubbles circle,
.spinner-ios-hover-dark.spinner-circles circle,
.spinner-ios-hover-dark.spinner-dots circle {
  fill: rgba(162, 162, 162, 0.1);
}

.spinner-ios-bgcard.spinner-ios line,
.spinner-ios-bgcard.spinner-ios-small line,
.spinner-ios-bgcard.spinner-crescent circle {
  stroke: #f2f5f8;
}

.spinner-ios-bgcard.spinner-bubbles circle,
.spinner-ios-bgcard.spinner-circles circle,
.spinner-ios-bgcard.spinner-dots circle {
  fill: #f2f5f8;
}

.spinner-ios-bgcard2.spinner-ios line,
.spinner-ios-bgcard2.spinner-ios-small line,
.spinner-ios-bgcard2.spinner-crescent circle {
  stroke: #fcfcfc;
}

.spinner-ios-bgcard2.spinner-bubbles circle,
.spinner-ios-bgcard2.spinner-circles circle,
.spinner-ios-bgcard2.spinner-dots circle {
  fill: #fcfcfc;
}

.spinner-ios-bglabel.spinner-ios line,
.spinner-ios-bglabel.spinner-ios-small line,
.spinner-ios-bglabel.spinner-crescent circle {
  stroke: #E2E9ED;
}

.spinner-ios-bglabel.spinner-bubbles circle,
.spinner-ios-bglabel.spinner-circles circle,
.spinner-ios-bglabel.spinner-dots circle {
  fill: #E2E9ED;
}

.spinner-ios-primary-light.spinner-ios line,
.spinner-ios-primary-light.spinner-ios-small line,
.spinner-ios-primary-light.spinner-crescent circle {
  stroke: #08b2be;
}

.spinner-ios-primary-light.spinner-bubbles circle,
.spinner-ios-primary-light.spinner-circles circle,
.spinner-ios-primary-light.spinner-dots circle {
  fill: #08b2be;
}

.spinner-ios-bgicon.spinner-ios line,
.spinner-ios-bgicon.spinner-ios-small line,
.spinner-ios-bgicon.spinner-crescent circle {
  stroke: rgba(226, 233, 237, 0.6);
}

.spinner-ios-bgicon.spinner-bubbles circle,
.spinner-ios-bgicon.spinner-circles circle,
.spinner-ios-bgicon.spinner-dots circle {
  fill: rgba(226, 233, 237, 0.6);
}

.spinner-ios-primary-text.spinner-ios line,
.spinner-ios-primary-text.spinner-ios-small line,
.spinner-ios-primary-text.spinner-crescent circle {
  stroke: #189dae;
}

.spinner-ios-primary-text.spinner-bubbles circle,
.spinner-ios-primary-text.spinner-circles circle,
.spinner-ios-primary-text.spinner-dots circle {
  fill: #189dae;
}

.spinner-ios-white.spinner-ios line,
.spinner-ios-white.spinner-ios-small line,
.spinner-ios-white.spinner-crescent circle {
  stroke: #FFFFFF;
}

.spinner-ios-white.spinner-bubbles circle,
.spinner-ios-white.spinner-circles circle,
.spinner-ios-white.spinner-dots circle {
  fill: #FFFFFF;
}

.spinner-ios-success.spinner-ios line,
.spinner-ios-success.spinner-ios-small line,
.spinner-ios-success.spinner-crescent circle {
  stroke: #2BB34D;
}

.spinner-ios-success.spinner-bubbles circle,
.spinner-ios-success.spinner-circles circle,
.spinner-ios-success.spinner-dots circle {
  fill: #2BB34D;
}

.spinner-ios-info.spinner-ios line,
.spinner-ios-info.spinner-ios-small line,
.spinner-ios-info.spinner-crescent circle {
  stroke: #1A73E8;
}

.spinner-ios-info.spinner-bubbles circle,
.spinner-ios-info.spinner-circles circle,
.spinner-ios-info.spinner-dots circle {
  fill: #1A73E8;
}

.spinner-ios-warning.spinner-ios line,
.spinner-ios-warning.spinner-ios-small line,
.spinner-ios-warning.spinner-crescent circle {
  stroke: #FFAB00;
}

.spinner-ios-warning.spinner-bubbles circle,
.spinner-ios-warning.spinner-circles circle,
.spinner-ios-warning.spinner-dots circle {
  fill: #FFAB00;
}

.spinner-ios-danger.spinner-ios line,
.spinner-ios-danger.spinner-ios-small line,
.spinner-ios-danger.spinner-crescent circle {
  stroke: #F0624D;
}

.spinner-ios-danger.spinner-bubbles circle,
.spinner-ios-danger.spinner-circles circle,
.spinner-ios-danger.spinner-dots circle {
  fill: #F0624D;
}

.spinner-ios-tam.spinner-ios line,
.spinner-ios-tam.spinner-ios-small line,
.spinner-ios-tam.spinner-crescent circle {
  stroke: #CC0400;
}

.spinner-ios-tam.spinner-bubbles circle,
.spinner-ios-tam.spinner-circles circle,
.spinner-ios-tam.spinner-dots circle {
  fill: #CC0400;
}

.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: #F68A22;
}

.spinner-md-primary.spinner-bubbles circle,
.spinner-md-primary.spinner-circles circle,
.spinner-md-primary.spinner-dots circle {
  fill: #F68A22;
}

.spinner-md-secondary.spinner-ios line,
.spinner-md-secondary.spinner-ios-small line,
.spinner-md-secondary.spinner-crescent circle {
  stroke: #63BEFB;
}

.spinner-md-secondary.spinner-bubbles circle,
.spinner-md-secondary.spinner-circles circle,
.spinner-md-secondary.spinner-dots circle {
  fill: #63BEFB;
}

.spinner-md-danger-low.spinner-ios line,
.spinner-md-danger-low.spinner-ios-small line,
.spinner-md-danger-low.spinner-crescent circle {
  stroke: #fb745e;
}

.spinner-md-danger-low.spinner-bubbles circle,
.spinner-md-danger-low.spinner-circles circle,
.spinner-md-danger-low.spinner-dots circle {
  fill: #fb745e;
}

.spinner-md-light.spinner-ios line,
.spinner-md-light.spinner-ios-small line,
.spinner-md-light.spinner-crescent circle {
  stroke: #f4f4f4;
}

.spinner-md-light.spinner-bubbles circle,
.spinner-md-light.spinner-circles circle,
.spinner-md-light.spinner-dots circle {
  fill: #f4f4f4;
}

.spinner-md-dark.spinner-ios line,
.spinner-md-dark.spinner-ios-small line,
.spinner-md-dark.spinner-crescent circle {
  stroke: #222;
}

.spinner-md-dark.spinner-bubbles circle,
.spinner-md-dark.spinner-circles circle,
.spinner-md-dark.spinner-dots circle {
  fill: #222;
}

.spinner-md-favorite.spinner-ios line,
.spinner-md-favorite.spinner-ios-small line,
.spinner-md-favorite.spinner-crescent circle {
  stroke: #39B44A;
}

.spinner-md-favorite.spinner-bubbles circle,
.spinner-md-favorite.spinner-circles circle,
.spinner-md-favorite.spinner-dots circle {
  fill: #39B44A;
}

.spinner-md-darkgrey.spinner-ios line,
.spinner-md-darkgrey.spinner-ios-small line,
.spinner-md-darkgrey.spinner-crescent circle {
  stroke: #8e9093;
}

.spinner-md-darkgrey.spinner-bubbles circle,
.spinner-md-darkgrey.spinner-circles circle,
.spinner-md-darkgrey.spinner-dots circle {
  fill: #8e9093;
}

.spinner-md-emerald.spinner-ios line,
.spinner-md-emerald.spinner-ios-small line,
.spinner-md-emerald.spinner-crescent circle {
  stroke: #3498db;
}

.spinner-md-emerald.spinner-bubbles circle,
.spinner-md-emerald.spinner-circles circle,
.spinner-md-emerald.spinner-dots circle {
  fill: #3498db;
}

.spinner-md-concrete.spinner-ios line,
.spinner-md-concrete.spinner-ios-small line,
.spinner-md-concrete.spinner-crescent circle {
  stroke: #bdc3c7;
}

.spinner-md-concrete.spinner-bubbles circle,
.spinner-md-concrete.spinner-circles circle,
.spinner-md-concrete.spinner-dots circle {
  fill: #bdc3c7;
}

.spinner-md-yellow.spinner-ios line,
.spinner-md-yellow.spinner-ios-small line,
.spinner-md-yellow.spinner-crescent circle {
  stroke: #ffff00;
}

.spinner-md-yellow.spinner-bubbles circle,
.spinner-md-yellow.spinner-circles circle,
.spinner-md-yellow.spinner-dots circle {
  fill: #ffff00;
}

.spinner-md-black.spinner-ios line,
.spinner-md-black.spinner-ios-small line,
.spinner-md-black.spinner-crescent circle {
  stroke: #000000;
}

.spinner-md-black.spinner-bubbles circle,
.spinner-md-black.spinner-circles circle,
.spinner-md-black.spinner-dots circle {
  fill: #000000;
}

.spinner-md-grey.spinner-ios line,
.spinner-md-grey.spinner-ios-small line,
.spinner-md-grey.spinner-crescent circle {
  stroke: #808080;
}

.spinner-md-grey.spinner-bubbles circle,
.spinner-md-grey.spinner-circles circle,
.spinner-md-grey.spinner-dots circle {
  fill: #808080;
}

.spinner-md-red.spinner-ios line,
.spinner-md-red.spinner-ios-small line,
.spinner-md-red.spinner-crescent circle {
  stroke: #ed4956;
}

.spinner-md-red.spinner-bubbles circle,
.spinner-md-red.spinner-circles circle,
.spinner-md-red.spinner-dots circle {
  fill: #ed4956;
}

.spinner-md-notif.spinner-ios line,
.spinner-md-notif.spinner-ios-small line,
.spinner-md-notif.spinner-crescent circle {
  stroke: #17DFC4;
}

.spinner-md-notif.spinner-bubbles circle,
.spinner-md-notif.spinner-circles circle,
.spinner-md-notif.spinner-dots circle {
  fill: #17DFC4;
}

.spinner-md-new-badge.spinner-ios line,
.spinner-md-new-badge.spinner-ios-small line,
.spinner-md-new-badge.spinner-crescent circle {
  stroke: #63BEFB;
}

.spinner-md-new-badge.spinner-bubbles circle,
.spinner-md-new-badge.spinner-circles circle,
.spinner-md-new-badge.spinner-dots circle {
  fill: #63BEFB;
}

.spinner-md-accent.spinner-ios line,
.spinner-md-accent.spinner-ios-small line,
.spinner-md-accent.spinner-crescent circle {
  stroke: #63BEFB;
}

.spinner-md-accent.spinner-bubbles circle,
.spinner-md-accent.spinner-circles circle,
.spinner-md-accent.spinner-dots circle {
  fill: #63BEFB;
}

.spinner-md-skeleton.spinner-ios line,
.spinner-md-skeleton.spinner-ios-small line,
.spinner-md-skeleton.spinner-crescent circle {
  stroke: #dddddd;
}

.spinner-md-skeleton.spinner-bubbles circle,
.spinner-md-skeleton.spinner-circles circle,
.spinner-md-skeleton.spinner-dots circle {
  fill: #dddddd;
}

.spinner-md-outline.spinner-ios line,
.spinner-md-outline.spinner-ios-small line,
.spinner-md-outline.spinner-crescent circle {
  stroke: #dbdbe1;
}

.spinner-md-outline.spinner-bubbles circle,
.spinner-md-outline.spinner-circles circle,
.spinner-md-outline.spinner-dots circle {
  fill: #dbdbe1;
}

.spinner-md-secondary-text.spinner-ios line,
.spinner-md-secondary-text.spinner-ios-small line,
.spinner-md-secondary-text.spinner-crescent circle {
  stroke: #A5B0B7;
}

.spinner-md-secondary-text.spinner-bubbles circle,
.spinner-md-secondary-text.spinner-circles circle,
.spinner-md-secondary-text.spinner-dots circle {
  fill: #A5B0B7;
}

.spinner-md-text.spinner-ios line,
.spinner-md-text.spinner-ios-small line,
.spinner-md-text.spinner-crescent circle {
  stroke: #192528;
}

.spinner-md-text.spinner-bubbles circle,
.spinner-md-text.spinner-circles circle,
.spinner-md-text.spinner-dots circle {
  fill: #192528;
}

.spinner-md-label.spinner-ios line,
.spinner-md-label.spinner-ios-small line,
.spinner-md-label.spinner-crescent circle {
  stroke: #333333;
}

.spinner-md-label.spinner-bubbles circle,
.spinner-md-label.spinner-circles circle,
.spinner-md-label.spinner-dots circle {
  fill: #333333;
}

.spinner-md-hover.spinner-ios line,
.spinner-md-hover.spinner-ios-small line,
.spinner-md-hover.spinner-crescent circle {
  stroke: #eff2f4;
}

.spinner-md-hover.spinner-bubbles circle,
.spinner-md-hover.spinner-circles circle,
.spinner-md-hover.spinner-dots circle {
  fill: #eff2f4;
}

.spinner-md-hover-dark.spinner-ios line,
.spinner-md-hover-dark.spinner-ios-small line,
.spinner-md-hover-dark.spinner-crescent circle {
  stroke: rgba(162, 162, 162, 0.1);
}

.spinner-md-hover-dark.spinner-bubbles circle,
.spinner-md-hover-dark.spinner-circles circle,
.spinner-md-hover-dark.spinner-dots circle {
  fill: rgba(162, 162, 162, 0.1);
}

.spinner-md-bgcard.spinner-ios line,
.spinner-md-bgcard.spinner-ios-small line,
.spinner-md-bgcard.spinner-crescent circle {
  stroke: #f2f5f8;
}

.spinner-md-bgcard.spinner-bubbles circle,
.spinner-md-bgcard.spinner-circles circle,
.spinner-md-bgcard.spinner-dots circle {
  fill: #f2f5f8;
}

.spinner-md-bgcard2.spinner-ios line,
.spinner-md-bgcard2.spinner-ios-small line,
.spinner-md-bgcard2.spinner-crescent circle {
  stroke: #fcfcfc;
}

.spinner-md-bgcard2.spinner-bubbles circle,
.spinner-md-bgcard2.spinner-circles circle,
.spinner-md-bgcard2.spinner-dots circle {
  fill: #fcfcfc;
}

.spinner-md-bglabel.spinner-ios line,
.spinner-md-bglabel.spinner-ios-small line,
.spinner-md-bglabel.spinner-crescent circle {
  stroke: #E2E9ED;
}

.spinner-md-bglabel.spinner-bubbles circle,
.spinner-md-bglabel.spinner-circles circle,
.spinner-md-bglabel.spinner-dots circle {
  fill: #E2E9ED;
}

.spinner-md-primary-light.spinner-ios line,
.spinner-md-primary-light.spinner-ios-small line,
.spinner-md-primary-light.spinner-crescent circle {
  stroke: #08b2be;
}

.spinner-md-primary-light.spinner-bubbles circle,
.spinner-md-primary-light.spinner-circles circle,
.spinner-md-primary-light.spinner-dots circle {
  fill: #08b2be;
}

.spinner-md-bgicon.spinner-ios line,
.spinner-md-bgicon.spinner-ios-small line,
.spinner-md-bgicon.spinner-crescent circle {
  stroke: rgba(226, 233, 237, 0.6);
}

.spinner-md-bgicon.spinner-bubbles circle,
.spinner-md-bgicon.spinner-circles circle,
.spinner-md-bgicon.spinner-dots circle {
  fill: rgba(226, 233, 237, 0.6);
}

.spinner-md-primary-text.spinner-ios line,
.spinner-md-primary-text.spinner-ios-small line,
.spinner-md-primary-text.spinner-crescent circle {
  stroke: #189dae;
}

.spinner-md-primary-text.spinner-bubbles circle,
.spinner-md-primary-text.spinner-circles circle,
.spinner-md-primary-text.spinner-dots circle {
  fill: #189dae;
}

.spinner-md-white.spinner-ios line,
.spinner-md-white.spinner-ios-small line,
.spinner-md-white.spinner-crescent circle {
  stroke: #FFFFFF;
}

.spinner-md-white.spinner-bubbles circle,
.spinner-md-white.spinner-circles circle,
.spinner-md-white.spinner-dots circle {
  fill: #FFFFFF;
}

.spinner-md-success.spinner-ios line,
.spinner-md-success.spinner-ios-small line,
.spinner-md-success.spinner-crescent circle {
  stroke: #2BB34D;
}

.spinner-md-success.spinner-bubbles circle,
.spinner-md-success.spinner-circles circle,
.spinner-md-success.spinner-dots circle {
  fill: #2BB34D;
}

.spinner-md-info.spinner-ios line,
.spinner-md-info.spinner-ios-small line,
.spinner-md-info.spinner-crescent circle {
  stroke: #1A73E8;
}

.spinner-md-info.spinner-bubbles circle,
.spinner-md-info.spinner-circles circle,
.spinner-md-info.spinner-dots circle {
  fill: #1A73E8;
}

.spinner-md-warning.spinner-ios line,
.spinner-md-warning.spinner-ios-small line,
.spinner-md-warning.spinner-crescent circle {
  stroke: #FFAB00;
}

.spinner-md-warning.spinner-bubbles circle,
.spinner-md-warning.spinner-circles circle,
.spinner-md-warning.spinner-dots circle {
  fill: #FFAB00;
}

.spinner-md-danger.spinner-ios line,
.spinner-md-danger.spinner-ios-small line,
.spinner-md-danger.spinner-crescent circle {
  stroke: #F0624D;
}

.spinner-md-danger.spinner-bubbles circle,
.spinner-md-danger.spinner-circles circle,
.spinner-md-danger.spinner-dots circle {
  fill: #F0624D;
}

.spinner-md-tam.spinner-ios line,
.spinner-md-tam.spinner-ios-small line,
.spinner-md-tam.spinner-crescent circle {
  stroke: #CC0400;
}

.spinner-md-tam.spinner-bubbles circle,
.spinner-md-tam.spinner-circles circle,
.spinner-md-tam.spinner-dots circle {
  fill: #CC0400;
}

.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: #F68A22;
}

.spinner-wp-primary.spinner-bubbles circle,
.spinner-wp-primary.spinner-circles circle,
.spinner-wp-primary.spinner-dots circle {
  fill: #F68A22;
}

.spinner-wp-secondary.spinner-ios line,
.spinner-wp-secondary.spinner-ios-small line,
.spinner-wp-secondary.spinner-crescent circle {
  stroke: #63BEFB;
}

.spinner-wp-secondary.spinner-bubbles circle,
.spinner-wp-secondary.spinner-circles circle,
.spinner-wp-secondary.spinner-dots circle {
  fill: #63BEFB;
}

.spinner-wp-danger-low.spinner-ios line,
.spinner-wp-danger-low.spinner-ios-small line,
.spinner-wp-danger-low.spinner-crescent circle {
  stroke: #fb745e;
}

.spinner-wp-danger-low.spinner-bubbles circle,
.spinner-wp-danger-low.spinner-circles circle,
.spinner-wp-danger-low.spinner-dots circle {
  fill: #fb745e;
}

.spinner-wp-light.spinner-ios line,
.spinner-wp-light.spinner-ios-small line,
.spinner-wp-light.spinner-crescent circle {
  stroke: #f4f4f4;
}

.spinner-wp-light.spinner-bubbles circle,
.spinner-wp-light.spinner-circles circle,
.spinner-wp-light.spinner-dots circle {
  fill: #f4f4f4;
}

.spinner-wp-dark.spinner-ios line,
.spinner-wp-dark.spinner-ios-small line,
.spinner-wp-dark.spinner-crescent circle {
  stroke: #222;
}

.spinner-wp-dark.spinner-bubbles circle,
.spinner-wp-dark.spinner-circles circle,
.spinner-wp-dark.spinner-dots circle {
  fill: #222;
}

.spinner-wp-favorite.spinner-ios line,
.spinner-wp-favorite.spinner-ios-small line,
.spinner-wp-favorite.spinner-crescent circle {
  stroke: #39B44A;
}

.spinner-wp-favorite.spinner-bubbles circle,
.spinner-wp-favorite.spinner-circles circle,
.spinner-wp-favorite.spinner-dots circle {
  fill: #39B44A;
}

.spinner-wp-darkgrey.spinner-ios line,
.spinner-wp-darkgrey.spinner-ios-small line,
.spinner-wp-darkgrey.spinner-crescent circle {
  stroke: #8e9093;
}

.spinner-wp-darkgrey.spinner-bubbles circle,
.spinner-wp-darkgrey.spinner-circles circle,
.spinner-wp-darkgrey.spinner-dots circle {
  fill: #8e9093;
}

.spinner-wp-emerald.spinner-ios line,
.spinner-wp-emerald.spinner-ios-small line,
.spinner-wp-emerald.spinner-crescent circle {
  stroke: #3498db;
}

.spinner-wp-emerald.spinner-bubbles circle,
.spinner-wp-emerald.spinner-circles circle,
.spinner-wp-emerald.spinner-dots circle {
  fill: #3498db;
}

.spinner-wp-concrete.spinner-ios line,
.spinner-wp-concrete.spinner-ios-small line,
.spinner-wp-concrete.spinner-crescent circle {
  stroke: #bdc3c7;
}

.spinner-wp-concrete.spinner-bubbles circle,
.spinner-wp-concrete.spinner-circles circle,
.spinner-wp-concrete.spinner-dots circle {
  fill: #bdc3c7;
}

.spinner-wp-yellow.spinner-ios line,
.spinner-wp-yellow.spinner-ios-small line,
.spinner-wp-yellow.spinner-crescent circle {
  stroke: #ffff00;
}

.spinner-wp-yellow.spinner-bubbles circle,
.spinner-wp-yellow.spinner-circles circle,
.spinner-wp-yellow.spinner-dots circle {
  fill: #ffff00;
}

.spinner-wp-black.spinner-ios line,
.spinner-wp-black.spinner-ios-small line,
.spinner-wp-black.spinner-crescent circle {
  stroke: #000000;
}

.spinner-wp-black.spinner-bubbles circle,
.spinner-wp-black.spinner-circles circle,
.spinner-wp-black.spinner-dots circle {
  fill: #000000;
}

.spinner-wp-grey.spinner-ios line,
.spinner-wp-grey.spinner-ios-small line,
.spinner-wp-grey.spinner-crescent circle {
  stroke: #808080;
}

.spinner-wp-grey.spinner-bubbles circle,
.spinner-wp-grey.spinner-circles circle,
.spinner-wp-grey.spinner-dots circle {
  fill: #808080;
}

.spinner-wp-red.spinner-ios line,
.spinner-wp-red.spinner-ios-small line,
.spinner-wp-red.spinner-crescent circle {
  stroke: #ed4956;
}

.spinner-wp-red.spinner-bubbles circle,
.spinner-wp-red.spinner-circles circle,
.spinner-wp-red.spinner-dots circle {
  fill: #ed4956;
}

.spinner-wp-notif.spinner-ios line,
.spinner-wp-notif.spinner-ios-small line,
.spinner-wp-notif.spinner-crescent circle {
  stroke: #17DFC4;
}

.spinner-wp-notif.spinner-bubbles circle,
.spinner-wp-notif.spinner-circles circle,
.spinner-wp-notif.spinner-dots circle {
  fill: #17DFC4;
}

.spinner-wp-new-badge.spinner-ios line,
.spinner-wp-new-badge.spinner-ios-small line,
.spinner-wp-new-badge.spinner-crescent circle {
  stroke: #63BEFB;
}

.spinner-wp-new-badge.spinner-bubbles circle,
.spinner-wp-new-badge.spinner-circles circle,
.spinner-wp-new-badge.spinner-dots circle {
  fill: #63BEFB;
}

.spinner-wp-accent.spinner-ios line,
.spinner-wp-accent.spinner-ios-small line,
.spinner-wp-accent.spinner-crescent circle {
  stroke: #63BEFB;
}

.spinner-wp-accent.spinner-bubbles circle,
.spinner-wp-accent.spinner-circles circle,
.spinner-wp-accent.spinner-dots circle {
  fill: #63BEFB;
}

.spinner-wp-skeleton.spinner-ios line,
.spinner-wp-skeleton.spinner-ios-small line,
.spinner-wp-skeleton.spinner-crescent circle {
  stroke: #dddddd;
}

.spinner-wp-skeleton.spinner-bubbles circle,
.spinner-wp-skeleton.spinner-circles circle,
.spinner-wp-skeleton.spinner-dots circle {
  fill: #dddddd;
}

.spinner-wp-outline.spinner-ios line,
.spinner-wp-outline.spinner-ios-small line,
.spinner-wp-outline.spinner-crescent circle {
  stroke: #dbdbe1;
}

.spinner-wp-outline.spinner-bubbles circle,
.spinner-wp-outline.spinner-circles circle,
.spinner-wp-outline.spinner-dots circle {
  fill: #dbdbe1;
}

.spinner-wp-secondary-text.spinner-ios line,
.spinner-wp-secondary-text.spinner-ios-small line,
.spinner-wp-secondary-text.spinner-crescent circle {
  stroke: #A5B0B7;
}

.spinner-wp-secondary-text.spinner-bubbles circle,
.spinner-wp-secondary-text.spinner-circles circle,
.spinner-wp-secondary-text.spinner-dots circle {
  fill: #A5B0B7;
}

.spinner-wp-text.spinner-ios line,
.spinner-wp-text.spinner-ios-small line,
.spinner-wp-text.spinner-crescent circle {
  stroke: #192528;
}

.spinner-wp-text.spinner-bubbles circle,
.spinner-wp-text.spinner-circles circle,
.spinner-wp-text.spinner-dots circle {
  fill: #192528;
}

.spinner-wp-label.spinner-ios line,
.spinner-wp-label.spinner-ios-small line,
.spinner-wp-label.spinner-crescent circle {
  stroke: #333333;
}

.spinner-wp-label.spinner-bubbles circle,
.spinner-wp-label.spinner-circles circle,
.spinner-wp-label.spinner-dots circle {
  fill: #333333;
}

.spinner-wp-hover.spinner-ios line,
.spinner-wp-hover.spinner-ios-small line,
.spinner-wp-hover.spinner-crescent circle {
  stroke: #eff2f4;
}

.spinner-wp-hover.spinner-bubbles circle,
.spinner-wp-hover.spinner-circles circle,
.spinner-wp-hover.spinner-dots circle {
  fill: #eff2f4;
}

.spinner-wp-hover-dark.spinner-ios line,
.spinner-wp-hover-dark.spinner-ios-small line,
.spinner-wp-hover-dark.spinner-crescent circle {
  stroke: rgba(162, 162, 162, 0.1);
}

.spinner-wp-hover-dark.spinner-bubbles circle,
.spinner-wp-hover-dark.spinner-circles circle,
.spinner-wp-hover-dark.spinner-dots circle {
  fill: rgba(162, 162, 162, 0.1);
}

.spinner-wp-bgcard.spinner-ios line,
.spinner-wp-bgcard.spinner-ios-small line,
.spinner-wp-bgcard.spinner-crescent circle {
  stroke: #f2f5f8;
}

.spinner-wp-bgcard.spinner-bubbles circle,
.spinner-wp-bgcard.spinner-circles circle,
.spinner-wp-bgcard.spinner-dots circle {
  fill: #f2f5f8;
}

.spinner-wp-bgcard2.spinner-ios line,
.spinner-wp-bgcard2.spinner-ios-small line,
.spinner-wp-bgcard2.spinner-crescent circle {
  stroke: #fcfcfc;
}

.spinner-wp-bgcard2.spinner-bubbles circle,
.spinner-wp-bgcard2.spinner-circles circle,
.spinner-wp-bgcard2.spinner-dots circle {
  fill: #fcfcfc;
}

.spinner-wp-bglabel.spinner-ios line,
.spinner-wp-bglabel.spinner-ios-small line,
.spinner-wp-bglabel.spinner-crescent circle {
  stroke: #E2E9ED;
}

.spinner-wp-bglabel.spinner-bubbles circle,
.spinner-wp-bglabel.spinner-circles circle,
.spinner-wp-bglabel.spinner-dots circle {
  fill: #E2E9ED;
}

.spinner-wp-primary-light.spinner-ios line,
.spinner-wp-primary-light.spinner-ios-small line,
.spinner-wp-primary-light.spinner-crescent circle {
  stroke: #08b2be;
}

.spinner-wp-primary-light.spinner-bubbles circle,
.spinner-wp-primary-light.spinner-circles circle,
.spinner-wp-primary-light.spinner-dots circle {
  fill: #08b2be;
}

.spinner-wp-bgicon.spinner-ios line,
.spinner-wp-bgicon.spinner-ios-small line,
.spinner-wp-bgicon.spinner-crescent circle {
  stroke: rgba(226, 233, 237, 0.6);
}

.spinner-wp-bgicon.spinner-bubbles circle,
.spinner-wp-bgicon.spinner-circles circle,
.spinner-wp-bgicon.spinner-dots circle {
  fill: rgba(226, 233, 237, 0.6);
}

.spinner-wp-primary-text.spinner-ios line,
.spinner-wp-primary-text.spinner-ios-small line,
.spinner-wp-primary-text.spinner-crescent circle {
  stroke: #189dae;
}

.spinner-wp-primary-text.spinner-bubbles circle,
.spinner-wp-primary-text.spinner-circles circle,
.spinner-wp-primary-text.spinner-dots circle {
  fill: #189dae;
}

.spinner-wp-white.spinner-ios line,
.spinner-wp-white.spinner-ios-small line,
.spinner-wp-white.spinner-crescent circle {
  stroke: #FFFFFF;
}

.spinner-wp-white.spinner-bubbles circle,
.spinner-wp-white.spinner-circles circle,
.spinner-wp-white.spinner-dots circle {
  fill: #FFFFFF;
}

.spinner-wp-success.spinner-ios line,
.spinner-wp-success.spinner-ios-small line,
.spinner-wp-success.spinner-crescent circle {
  stroke: #2BB34D;
}

.spinner-wp-success.spinner-bubbles circle,
.spinner-wp-success.spinner-circles circle,
.spinner-wp-success.spinner-dots circle {
  fill: #2BB34D;
}

.spinner-wp-info.spinner-ios line,
.spinner-wp-info.spinner-ios-small line,
.spinner-wp-info.spinner-crescent circle {
  stroke: #1A73E8;
}

.spinner-wp-info.spinner-bubbles circle,
.spinner-wp-info.spinner-circles circle,
.spinner-wp-info.spinner-dots circle {
  fill: #1A73E8;
}

.spinner-wp-warning.spinner-ios line,
.spinner-wp-warning.spinner-ios-small line,
.spinner-wp-warning.spinner-crescent circle {
  stroke: #FFAB00;
}

.spinner-wp-warning.spinner-bubbles circle,
.spinner-wp-warning.spinner-circles circle,
.spinner-wp-warning.spinner-dots circle {
  fill: #FFAB00;
}

.spinner-wp-danger.spinner-ios line,
.spinner-wp-danger.spinner-ios-small line,
.spinner-wp-danger.spinner-crescent circle {
  stroke: #F0624D;
}

.spinner-wp-danger.spinner-bubbles circle,
.spinner-wp-danger.spinner-circles circle,
.spinner-wp-danger.spinner-dots circle {
  fill: #F0624D;
}

.spinner-wp-tam.spinner-ios line,
.spinner-wp-tam.spinner-ios-small line,
.spinner-wp-tam.spinner-crescent circle {
  stroke: #CC0400;
}

.spinner-wp-tam.spinner-bubbles circle,
.spinner-wp-tam.spinner-circles circle,
.spinner-wp-tam.spinner-dots circle {
  fill: #CC0400;
}

.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: 5em !important;
  max-width: 5em !important;
  border-right: 0.55px solid #c8c7cc;
  border-left: 0;
}

.split-pane-ios.split-pane-visible > .split-pane-side[side=right] {
  border-right: 0;
  border-left: 0.55px solid #c8c7cc;
}

.split-pane-md.split-pane-visible > .split-pane-side {
  min-width: 5em !important;
  max-width: 5em !important;
  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: 5em !important;
  max-width: 5em !important;
  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: 0.55px solid rgba(0, 0, 0, 0.3);
  background: #f8f8f8;
}

.tabs-ios[tabsPlacement=top] .tabbar {
  border-top: 0;
  border-bottom: 0.55px solid rgba(0, 0, 0, 0.3);
}

.tabs-ios .tab-button {
  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: #F68A22;
}

.tabs-ios .tab-button[aria-selected=true] .tab-button-icon {
  color: #F68A22;
}

.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: #dc7109;
  background-color: #F68A22;
}

.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: #31a9fa;
  background-color: #63BEFB;
}

.tabs-ios-secondary .tab-button,
.tabs-ios-secondary .tab-button-icon,
.tabs-ios-secondary .tab-button:hover:not(.disable-hover),
.tabs-ios-secondary .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-secondary .tab-button[aria-selected=true],
.tabs-ios-secondary .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-danger-low .tabbar {
  border-color: #fa492c;
  background-color: #fb745e;
}

.tabs-ios-danger-low .tab-button,
.tabs-ios-danger-low .tab-button-icon,
.tabs-ios-danger-low .tab-button:hover:not(.disable-hover),
.tabs-ios-danger-low .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-danger-low .tab-button[aria-selected=true],
.tabs-ios-danger-low .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-light .tabbar {
  border-color: #dbdbdb;
  background-color: #f4f4f4;
}

.tabs-ios-light .tab-button,
.tabs-ios-light .tab-button-icon,
.tabs-ios-light .tab-button:hover:not(.disable-hover),
.tabs-ios-light .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-light .tab-button[aria-selected=true],
.tabs-ios-light .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-dark .tabbar {
  border-color: #090909;
  background-color: #222;
}

.tabs-ios-dark .tab-button,
.tabs-ios-dark .tab-button-icon,
.tabs-ios-dark .tab-button:hover:not(.disable-hover),
.tabs-ios-dark .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-dark .tab-button[aria-selected=true],
.tabs-ios-dark .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-favorite .tabbar {
  border-color: #2d8d3a;
  background-color: #39B44A;
}

.tabs-ios-favorite .tab-button,
.tabs-ios-favorite .tab-button-icon,
.tabs-ios-favorite .tab-button:hover:not(.disable-hover),
.tabs-ios-favorite .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-favorite .tab-button[aria-selected=true],
.tabs-ios-favorite .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-darkgrey .tabbar {
  border-color: #74767a;
  background-color: #8e9093;
}

.tabs-ios-darkgrey .tab-button,
.tabs-ios-darkgrey .tab-button-icon,
.tabs-ios-darkgrey .tab-button:hover:not(.disable-hover),
.tabs-ios-darkgrey .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-darkgrey .tab-button[aria-selected=true],
.tabs-ios-darkgrey .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-emerald .tabbar {
  border-color: #217dbb;
  background-color: #3498db;
}

.tabs-ios-emerald .tab-button,
.tabs-ios-emerald .tab-button-icon,
.tabs-ios-emerald .tab-button:hover:not(.disable-hover),
.tabs-ios-emerald .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-emerald .tab-button[aria-selected=true],
.tabs-ios-emerald .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-concrete .tabbar {
  border-color: #a1aab0;
  background-color: #bdc3c7;
}

.tabs-ios-concrete .tab-button,
.tabs-ios-concrete .tab-button-icon,
.tabs-ios-concrete .tab-button:hover:not(.disable-hover),
.tabs-ios-concrete .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-concrete .tab-button[aria-selected=true],
.tabs-ios-concrete .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-yellow .tabbar {
  border-color: #cccc00;
  background-color: #ffff00;
}

.tabs-ios-yellow .tab-button,
.tabs-ios-yellow .tab-button-icon,
.tabs-ios-yellow .tab-button:hover:not(.disable-hover),
.tabs-ios-yellow .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-yellow .tab-button[aria-selected=true],
.tabs-ios-yellow .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-black .tabbar {
  border-color: black;
  background-color: #000000;
}

.tabs-ios-black .tab-button,
.tabs-ios-black .tab-button-icon,
.tabs-ios-black .tab-button:hover:not(.disable-hover),
.tabs-ios-black .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-black .tab-button[aria-selected=true],
.tabs-ios-black .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-grey .tabbar {
  border-color: #676767;
  background-color: #808080;
}

.tabs-ios-grey .tab-button,
.tabs-ios-grey .tab-button-icon,
.tabs-ios-grey .tab-button:hover:not(.disable-hover),
.tabs-ios-grey .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-grey .tab-button[aria-selected=true],
.tabs-ios-grey .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-red .tabbar {
  border-color: #e81b2b;
  background-color: #ed4956;
}

.tabs-ios-red .tab-button,
.tabs-ios-red .tab-button-icon,
.tabs-ios-red .tab-button:hover:not(.disable-hover),
.tabs-ios-red .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-red .tab-button[aria-selected=true],
.tabs-ios-red .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-notif .tabbar {
  border-color: #12b19b;
  background-color: #17DFC4;
}

.tabs-ios-notif .tab-button,
.tabs-ios-notif .tab-button-icon,
.tabs-ios-notif .tab-button:hover:not(.disable-hover),
.tabs-ios-notif .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-notif .tab-button[aria-selected=true],
.tabs-ios-notif .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-new-badge .tabbar {
  border-color: #31a9fa;
  background-color: #63BEFB;
}

.tabs-ios-new-badge .tab-button,
.tabs-ios-new-badge .tab-button-icon,
.tabs-ios-new-badge .tab-button:hover:not(.disable-hover),
.tabs-ios-new-badge .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-new-badge .tab-button[aria-selected=true],
.tabs-ios-new-badge .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-accent .tabbar {
  border-color: #31a9fa;
  background-color: #63BEFB;
}

.tabs-ios-accent .tab-button,
.tabs-ios-accent .tab-button-icon,
.tabs-ios-accent .tab-button:hover:not(.disable-hover),
.tabs-ios-accent .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-accent .tab-button[aria-selected=true],
.tabs-ios-accent .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-skeleton .tabbar {
  border-color: #c4c4c4;
  background-color: #dddddd;
}

.tabs-ios-skeleton .tab-button,
.tabs-ios-skeleton .tab-button-icon,
.tabs-ios-skeleton .tab-button:hover:not(.disable-hover),
.tabs-ios-skeleton .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-skeleton .tab-button[aria-selected=true],
.tabs-ios-skeleton .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-outline .tabbar {
  border-color: #bfbfca;
  background-color: #dbdbe1;
}

.tabs-ios-outline .tab-button,
.tabs-ios-outline .tab-button-icon,
.tabs-ios-outline .tab-button:hover:not(.disable-hover),
.tabs-ios-outline .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-outline .tab-button[aria-selected=true],
.tabs-ios-outline .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-secondary-text .tabbar {
  border-color: #8997a0;
  background-color: #A5B0B7;
}

.tabs-ios-secondary-text .tab-button,
.tabs-ios-secondary-text .tab-button-icon,
.tabs-ios-secondary-text .tab-button:hover:not(.disable-hover),
.tabs-ios-secondary-text .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-secondary-text .tab-button[aria-selected=true],
.tabs-ios-secondary-text .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-text .tabbar {
  border-color: #050809;
  background-color: #192528;
}

.tabs-ios-text .tab-button,
.tabs-ios-text .tab-button-icon,
.tabs-ios-text .tab-button:hover:not(.disable-hover),
.tabs-ios-text .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-text .tab-button[aria-selected=true],
.tabs-ios-text .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-label .tabbar {
  border-color: #1a1a1a;
  background-color: #333333;
}

.tabs-ios-label .tab-button,
.tabs-ios-label .tab-button-icon,
.tabs-ios-label .tab-button:hover:not(.disable-hover),
.tabs-ios-label .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-label .tab-button[aria-selected=true],
.tabs-ios-label .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-hover .tabbar {
  border-color: #d1d9df;
  background-color: #eff2f4;
}

.tabs-ios-hover .tab-button,
.tabs-ios-hover .tab-button-icon,
.tabs-ios-hover .tab-button:hover:not(.disable-hover),
.tabs-ios-hover .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-hover .tab-button[aria-selected=true],
.tabs-ios-hover .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-hover-dark .tabbar {
  border-color: rgba(137, 137, 137, 0.1);
  background-color: rgba(162, 162, 162, 0.1);
}

.tabs-ios-hover-dark .tab-button,
.tabs-ios-hover-dark .tab-button-icon,
.tabs-ios-hover-dark .tab-button:hover:not(.disable-hover),
.tabs-ios-hover-dark .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-hover-dark .tab-button[aria-selected=true],
.tabs-ios-hover-dark .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-bgcard .tabbar {
  border-color: #d1dbe6;
  background-color: #f2f5f8;
}

.tabs-ios-bgcard .tab-button,
.tabs-ios-bgcard .tab-button-icon,
.tabs-ios-bgcard .tab-button:hover:not(.disable-hover),
.tabs-ios-bgcard .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-bgcard .tab-button[aria-selected=true],
.tabs-ios-bgcard .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-bgcard2 .tabbar {
  border-color: #e3e3e3;
  background-color: #fcfcfc;
}

.tabs-ios-bgcard2 .tab-button,
.tabs-ios-bgcard2 .tab-button-icon,
.tabs-ios-bgcard2 .tab-button:hover:not(.disable-hover),
.tabs-ios-bgcard2 .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-bgcard2 .tab-button[aria-selected=true],
.tabs-ios-bgcard2 .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-bglabel .tabbar {
  border-color: #c3d1d9;
  background-color: #E2E9ED;
}

.tabs-ios-bglabel .tab-button,
.tabs-ios-bglabel .tab-button-icon,
.tabs-ios-bglabel .tab-button:hover:not(.disable-hover),
.tabs-ios-bglabel .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-bglabel .tab-button[aria-selected=true],
.tabs-ios-bglabel .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-primary-light .tabbar {
  border-color: #06848d;
  background-color: #08b2be;
}

.tabs-ios-primary-light .tab-button,
.tabs-ios-primary-light .tab-button-icon,
.tabs-ios-primary-light .tab-button:hover:not(.disable-hover),
.tabs-ios-primary-light .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-primary-light .tab-button[aria-selected=true],
.tabs-ios-primary-light .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-bgicon .tabbar {
  border-color: rgba(195, 209, 217, 0.6);
  background-color: rgba(226, 233, 237, 0.6);
}

.tabs-ios-bgicon .tab-button,
.tabs-ios-bgicon .tab-button-icon,
.tabs-ios-bgicon .tab-button:hover:not(.disable-hover),
.tabs-ios-bgicon .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-bgicon .tab-button[aria-selected=true],
.tabs-ios-bgicon .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-primary-text .tabbar {
  border-color: #127581;
  background-color: #189dae;
}

.tabs-ios-primary-text .tab-button,
.tabs-ios-primary-text .tab-button-icon,
.tabs-ios-primary-text .tab-button:hover:not(.disable-hover),
.tabs-ios-primary-text .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-primary-text .tab-button[aria-selected=true],
.tabs-ios-primary-text .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-white .tabbar {
  border-color: #e6e6e6;
  background-color: #FFFFFF;
}

.tabs-ios-white .tab-button,
.tabs-ios-white .tab-button-icon,
.tabs-ios-white .tab-button:hover:not(.disable-hover),
.tabs-ios-white .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-white .tab-button[aria-selected=true],
.tabs-ios-white .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-success .tabbar {
  border-color: #218a3b;
  background-color: #2BB34D;
}

.tabs-ios-success .tab-button,
.tabs-ios-success .tab-button-icon,
.tabs-ios-success .tab-button:hover:not(.disable-hover),
.tabs-ios-success .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-success .tab-button[aria-selected=true],
.tabs-ios-success .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-info .tabbar {
  border-color: #135cbc;
  background-color: #1A73E8;
}

.tabs-ios-info .tab-button,
.tabs-ios-info .tab-button-icon,
.tabs-ios-info .tab-button:hover:not(.disable-hover),
.tabs-ios-info .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-info .tab-button[aria-selected=true],
.tabs-ios-info .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-warning .tabbar {
  border-color: #cc8900;
  background-color: #FFAB00;
}

.tabs-ios-warning .tab-button,
.tabs-ios-warning .tab-button-icon,
.tabs-ios-warning .tab-button:hover:not(.disable-hover),
.tabs-ios-warning .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-warning .tab-button[aria-selected=true],
.tabs-ios-warning .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-danger .tabbar {
  border-color: #ec391e;
  background-color: #F0624D;
}

.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-tam .tabbar {
  border-color: #990300;
  background-color: #CC0400;
}

.tabs-ios-tam .tab-button,
.tabs-ios-tam .tab-button-icon,
.tabs-ios-tam .tab-button:hover:not(.disable-hover),
.tabs-ios-tam .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-tam .tab-button[aria-selected=true],
.tabs-ios-tam .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: #F68A22;
  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: #F68A22;
  -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: #F68A22;
  -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: #F68A22;
}

.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: #63BEFB;
}

.tabs-md-secondary .tab-button,
.tabs-md-secondary .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-secondary .tab-button:hover:not(.disable-hover),
.tabs-md-secondary .tab-button[aria-selected=true],
.tabs-md-secondary .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-secondary[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-danger-low .tabbar {
  background-color: #fb745e;
}

.tabs-md-danger-low .tab-button,
.tabs-md-danger-low .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-danger-low .tab-button:hover:not(.disable-hover),
.tabs-md-danger-low .tab-button[aria-selected=true],
.tabs-md-danger-low .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-danger-low[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-light .tabbar {
  background-color: #f4f4f4;
}

.tabs-md-light .tab-button,
.tabs-md-light .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-light .tab-button:hover:not(.disable-hover),
.tabs-md-light .tab-button[aria-selected=true],
.tabs-md-light .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-light[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-dark .tabbar {
  background-color: #222;
}

.tabs-md-dark .tab-button,
.tabs-md-dark .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-dark .tab-button:hover:not(.disable-hover),
.tabs-md-dark .tab-button[aria-selected=true],
.tabs-md-dark .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-dark[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-favorite .tabbar {
  background-color: #39B44A;
}

.tabs-md-favorite .tab-button,
.tabs-md-favorite .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-favorite .tab-button:hover:not(.disable-hover),
.tabs-md-favorite .tab-button[aria-selected=true],
.tabs-md-favorite .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-favorite[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-darkgrey .tabbar {
  background-color: #8e9093;
}

.tabs-md-darkgrey .tab-button,
.tabs-md-darkgrey .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-darkgrey .tab-button:hover:not(.disable-hover),
.tabs-md-darkgrey .tab-button[aria-selected=true],
.tabs-md-darkgrey .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-darkgrey[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-emerald .tabbar {
  background-color: #3498db;
}

.tabs-md-emerald .tab-button,
.tabs-md-emerald .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-emerald .tab-button:hover:not(.disable-hover),
.tabs-md-emerald .tab-button[aria-selected=true],
.tabs-md-emerald .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-emerald[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-concrete .tabbar {
  background-color: #bdc3c7;
}

.tabs-md-concrete .tab-button,
.tabs-md-concrete .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-concrete .tab-button:hover:not(.disable-hover),
.tabs-md-concrete .tab-button[aria-selected=true],
.tabs-md-concrete .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-concrete[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-yellow .tabbar {
  background-color: #ffff00;
}

.tabs-md-yellow .tab-button,
.tabs-md-yellow .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-yellow .tab-button:hover:not(.disable-hover),
.tabs-md-yellow .tab-button[aria-selected=true],
.tabs-md-yellow .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-yellow[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-black .tabbar {
  background-color: #000000;
}

.tabs-md-black .tab-button,
.tabs-md-black .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-black .tab-button:hover:not(.disable-hover),
.tabs-md-black .tab-button[aria-selected=true],
.tabs-md-black .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-black[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-grey .tabbar {
  background-color: #808080;
}

.tabs-md-grey .tab-button,
.tabs-md-grey .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-grey .tab-button:hover:not(.disable-hover),
.tabs-md-grey .tab-button[aria-selected=true],
.tabs-md-grey .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-grey[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-red .tabbar {
  background-color: #ed4956;
}

.tabs-md-red .tab-button,
.tabs-md-red .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-red .tab-button:hover:not(.disable-hover),
.tabs-md-red .tab-button[aria-selected=true],
.tabs-md-red .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-red[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-notif .tabbar {
  background-color: #17DFC4;
}

.tabs-md-notif .tab-button,
.tabs-md-notif .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-notif .tab-button:hover:not(.disable-hover),
.tabs-md-notif .tab-button[aria-selected=true],
.tabs-md-notif .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-notif[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-new-badge .tabbar {
  background-color: #63BEFB;
}

.tabs-md-new-badge .tab-button,
.tabs-md-new-badge .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-new-badge .tab-button:hover:not(.disable-hover),
.tabs-md-new-badge .tab-button[aria-selected=true],
.tabs-md-new-badge .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-new-badge[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-accent .tabbar {
  background-color: #63BEFB;
}

.tabs-md-accent .tab-button,
.tabs-md-accent .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-accent .tab-button:hover:not(.disable-hover),
.tabs-md-accent .tab-button[aria-selected=true],
.tabs-md-accent .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-accent[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-skeleton .tabbar {
  background-color: #dddddd;
}

.tabs-md-skeleton .tab-button,
.tabs-md-skeleton .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-skeleton .tab-button:hover:not(.disable-hover),
.tabs-md-skeleton .tab-button[aria-selected=true],
.tabs-md-skeleton .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-skeleton[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-outline .tabbar {
  background-color: #dbdbe1;
}

.tabs-md-outline .tab-button,
.tabs-md-outline .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-outline .tab-button:hover:not(.disable-hover),
.tabs-md-outline .tab-button[aria-selected=true],
.tabs-md-outline .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-outline[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-secondary-text .tabbar {
  background-color: #A5B0B7;
}

.tabs-md-secondary-text .tab-button,
.tabs-md-secondary-text .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-secondary-text .tab-button:hover:not(.disable-hover),
.tabs-md-secondary-text .tab-button[aria-selected=true],
.tabs-md-secondary-text .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-secondary-text[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-text .tabbar {
  background-color: #192528;
}

.tabs-md-text .tab-button,
.tabs-md-text .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-text .tab-button:hover:not(.disable-hover),
.tabs-md-text .tab-button[aria-selected=true],
.tabs-md-text .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-text[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-label .tabbar {
  background-color: #333333;
}

.tabs-md-label .tab-button,
.tabs-md-label .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-label .tab-button:hover:not(.disable-hover),
.tabs-md-label .tab-button[aria-selected=true],
.tabs-md-label .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-label[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-hover .tabbar {
  background-color: #eff2f4;
}

.tabs-md-hover .tab-button,
.tabs-md-hover .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-hover .tab-button:hover:not(.disable-hover),
.tabs-md-hover .tab-button[aria-selected=true],
.tabs-md-hover .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-hover[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-hover-dark .tabbar {
  background-color: rgba(162, 162, 162, 0.1);
}

.tabs-md-hover-dark .tab-button,
.tabs-md-hover-dark .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-hover-dark .tab-button:hover:not(.disable-hover),
.tabs-md-hover-dark .tab-button[aria-selected=true],
.tabs-md-hover-dark .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-hover-dark[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-bgcard .tabbar {
  background-color: #f2f5f8;
}

.tabs-md-bgcard .tab-button,
.tabs-md-bgcard .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-bgcard .tab-button:hover:not(.disable-hover),
.tabs-md-bgcard .tab-button[aria-selected=true],
.tabs-md-bgcard .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-bgcard[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-bgcard2 .tabbar {
  background-color: #fcfcfc;
}

.tabs-md-bgcard2 .tab-button,
.tabs-md-bgcard2 .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-bgcard2 .tab-button:hover:not(.disable-hover),
.tabs-md-bgcard2 .tab-button[aria-selected=true],
.tabs-md-bgcard2 .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-bgcard2[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-bglabel .tabbar {
  background-color: #E2E9ED;
}

.tabs-md-bglabel .tab-button,
.tabs-md-bglabel .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-bglabel .tab-button:hover:not(.disable-hover),
.tabs-md-bglabel .tab-button[aria-selected=true],
.tabs-md-bglabel .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-bglabel[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-primary-light .tabbar {
  background-color: #08b2be;
}

.tabs-md-primary-light .tab-button,
.tabs-md-primary-light .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-primary-light .tab-button:hover:not(.disable-hover),
.tabs-md-primary-light .tab-button[aria-selected=true],
.tabs-md-primary-light .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-primary-light[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-bgicon .tabbar {
  background-color: rgba(226, 233, 237, 0.6);
}

.tabs-md-bgicon .tab-button,
.tabs-md-bgicon .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-bgicon .tab-button:hover:not(.disable-hover),
.tabs-md-bgicon .tab-button[aria-selected=true],
.tabs-md-bgicon .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-bgicon[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-primary-text .tabbar {
  background-color: #189dae;
}

.tabs-md-primary-text .tab-button,
.tabs-md-primary-text .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-primary-text .tab-button:hover:not(.disable-hover),
.tabs-md-primary-text .tab-button[aria-selected=true],
.tabs-md-primary-text .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-primary-text[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-white .tabbar {
  background-color: #FFFFFF;
}

.tabs-md-white .tab-button,
.tabs-md-white .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-white .tab-button:hover:not(.disable-hover),
.tabs-md-white .tab-button[aria-selected=true],
.tabs-md-white .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-white[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-success .tabbar {
  background-color: #2BB34D;
}

.tabs-md-success .tab-button,
.tabs-md-success .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-success .tab-button:hover:not(.disable-hover),
.tabs-md-success .tab-button[aria-selected=true],
.tabs-md-success .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-success[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-info .tabbar {
  background-color: #1A73E8;
}

.tabs-md-info .tab-button,
.tabs-md-info .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-info .tab-button:hover:not(.disable-hover),
.tabs-md-info .tab-button[aria-selected=true],
.tabs-md-info .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-info[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-warning .tabbar {
  background-color: #FFAB00;
}

.tabs-md-warning .tab-button,
.tabs-md-warning .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-warning .tab-button:hover:not(.disable-hover),
.tabs-md-warning .tab-button[aria-selected=true],
.tabs-md-warning .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-warning[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-danger .tabbar {
  background-color: #F0624D;
}

.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-tam .tabbar {
  background-color: #CC0400;
}

.tabs-md-tam .tab-button,
.tabs-md-tam .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-tam .tab-button:hover:not(.disable-hover),
.tabs-md-tam .tab-button[aria-selected=true],
.tabs-md-tam .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-tam[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: #F68A22;
  color: #F68A22;
}

.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: #F68A22;
}

.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: #F68A22;
}

.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: #F68A22;
}

.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: #63BEFB;
}

.tabs-wp-secondary .tab-button,
.tabs-wp-secondary .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-secondary .tab-button:hover:not(.disable-hover),
.tabs-wp-secondary .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-secondary .tab-button[aria-selected=true],
.tabs-wp-secondary .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-danger-low .tabbar {
  background-color: #fb745e;
}

.tabs-wp-danger-low .tab-button,
.tabs-wp-danger-low .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-danger-low .tab-button:hover:not(.disable-hover),
.tabs-wp-danger-low .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-danger-low .tab-button[aria-selected=true],
.tabs-wp-danger-low .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-light .tabbar {
  background-color: #f4f4f4;
}

.tabs-wp-light .tab-button,
.tabs-wp-light .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-light .tab-button:hover:not(.disable-hover),
.tabs-wp-light .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-light .tab-button[aria-selected=true],
.tabs-wp-light .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-dark .tabbar {
  background-color: #222;
}

.tabs-wp-dark .tab-button,
.tabs-wp-dark .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-dark .tab-button:hover:not(.disable-hover),
.tabs-wp-dark .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-dark .tab-button[aria-selected=true],
.tabs-wp-dark .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-favorite .tabbar {
  background-color: #39B44A;
}

.tabs-wp-favorite .tab-button,
.tabs-wp-favorite .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-favorite .tab-button:hover:not(.disable-hover),
.tabs-wp-favorite .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-favorite .tab-button[aria-selected=true],
.tabs-wp-favorite .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-darkgrey .tabbar {
  background-color: #8e9093;
}

.tabs-wp-darkgrey .tab-button,
.tabs-wp-darkgrey .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-darkgrey .tab-button:hover:not(.disable-hover),
.tabs-wp-darkgrey .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-darkgrey .tab-button[aria-selected=true],
.tabs-wp-darkgrey .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-emerald .tabbar {
  background-color: #3498db;
}

.tabs-wp-emerald .tab-button,
.tabs-wp-emerald .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-emerald .tab-button:hover:not(.disable-hover),
.tabs-wp-emerald .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-emerald .tab-button[aria-selected=true],
.tabs-wp-emerald .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-concrete .tabbar {
  background-color: #bdc3c7;
}

.tabs-wp-concrete .tab-button,
.tabs-wp-concrete .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-concrete .tab-button:hover:not(.disable-hover),
.tabs-wp-concrete .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-concrete .tab-button[aria-selected=true],
.tabs-wp-concrete .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-yellow .tabbar {
  background-color: #ffff00;
}

.tabs-wp-yellow .tab-button,
.tabs-wp-yellow .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-yellow .tab-button:hover:not(.disable-hover),
.tabs-wp-yellow .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-yellow .tab-button[aria-selected=true],
.tabs-wp-yellow .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-black .tabbar {
  background-color: #000000;
}

.tabs-wp-black .tab-button,
.tabs-wp-black .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-black .tab-button:hover:not(.disable-hover),
.tabs-wp-black .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-black .tab-button[aria-selected=true],
.tabs-wp-black .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-grey .tabbar {
  background-color: #808080;
}

.tabs-wp-grey .tab-button,
.tabs-wp-grey .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-grey .tab-button:hover:not(.disable-hover),
.tabs-wp-grey .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-grey .tab-button[aria-selected=true],
.tabs-wp-grey .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-red .tabbar {
  background-color: #ed4956;
}

.tabs-wp-red .tab-button,
.tabs-wp-red .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-red .tab-button:hover:not(.disable-hover),
.tabs-wp-red .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-red .tab-button[aria-selected=true],
.tabs-wp-red .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-notif .tabbar {
  background-color: #17DFC4;
}

.tabs-wp-notif .tab-button,
.tabs-wp-notif .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-notif .tab-button:hover:not(.disable-hover),
.tabs-wp-notif .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-notif .tab-button[aria-selected=true],
.tabs-wp-notif .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-new-badge .tabbar {
  background-color: #63BEFB;
}

.tabs-wp-new-badge .tab-button,
.tabs-wp-new-badge .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-new-badge .tab-button:hover:not(.disable-hover),
.tabs-wp-new-badge .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-new-badge .tab-button[aria-selected=true],
.tabs-wp-new-badge .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-accent .tabbar {
  background-color: #63BEFB;
}

.tabs-wp-accent .tab-button,
.tabs-wp-accent .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-accent .tab-button:hover:not(.disable-hover),
.tabs-wp-accent .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-accent .tab-button[aria-selected=true],
.tabs-wp-accent .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-skeleton .tabbar {
  background-color: #dddddd;
}

.tabs-wp-skeleton .tab-button,
.tabs-wp-skeleton .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-skeleton .tab-button:hover:not(.disable-hover),
.tabs-wp-skeleton .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-skeleton .tab-button[aria-selected=true],
.tabs-wp-skeleton .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-outline .tabbar {
  background-color: #dbdbe1;
}

.tabs-wp-outline .tab-button,
.tabs-wp-outline .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-outline .tab-button:hover:not(.disable-hover),
.tabs-wp-outline .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-outline .tab-button[aria-selected=true],
.tabs-wp-outline .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-secondary-text .tabbar {
  background-color: #A5B0B7;
}

.tabs-wp-secondary-text .tab-button,
.tabs-wp-secondary-text .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-secondary-text .tab-button:hover:not(.disable-hover),
.tabs-wp-secondary-text .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-secondary-text .tab-button[aria-selected=true],
.tabs-wp-secondary-text .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-text .tabbar {
  background-color: #192528;
}

.tabs-wp-text .tab-button,
.tabs-wp-text .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-text .tab-button:hover:not(.disable-hover),
.tabs-wp-text .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-text .tab-button[aria-selected=true],
.tabs-wp-text .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-label .tabbar {
  background-color: #333333;
}

.tabs-wp-label .tab-button,
.tabs-wp-label .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-label .tab-button:hover:not(.disable-hover),
.tabs-wp-label .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-label .tab-button[aria-selected=true],
.tabs-wp-label .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-hover .tabbar {
  background-color: #eff2f4;
}

.tabs-wp-hover .tab-button,
.tabs-wp-hover .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-hover .tab-button:hover:not(.disable-hover),
.tabs-wp-hover .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-hover .tab-button[aria-selected=true],
.tabs-wp-hover .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-hover-dark .tabbar {
  background-color: rgba(162, 162, 162, 0.1);
}

.tabs-wp-hover-dark .tab-button,
.tabs-wp-hover-dark .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-hover-dark .tab-button:hover:not(.disable-hover),
.tabs-wp-hover-dark .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-hover-dark .tab-button[aria-selected=true],
.tabs-wp-hover-dark .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-bgcard .tabbar {
  background-color: #f2f5f8;
}

.tabs-wp-bgcard .tab-button,
.tabs-wp-bgcard .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-bgcard .tab-button:hover:not(.disable-hover),
.tabs-wp-bgcard .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-bgcard .tab-button[aria-selected=true],
.tabs-wp-bgcard .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-bgcard2 .tabbar {
  background-color: #fcfcfc;
}

.tabs-wp-bgcard2 .tab-button,
.tabs-wp-bgcard2 .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-bgcard2 .tab-button:hover:not(.disable-hover),
.tabs-wp-bgcard2 .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-bgcard2 .tab-button[aria-selected=true],
.tabs-wp-bgcard2 .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-bglabel .tabbar {
  background-color: #E2E9ED;
}

.tabs-wp-bglabel .tab-button,
.tabs-wp-bglabel .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-bglabel .tab-button:hover:not(.disable-hover),
.tabs-wp-bglabel .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-bglabel .tab-button[aria-selected=true],
.tabs-wp-bglabel .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-primary-light .tabbar {
  background-color: #08b2be;
}

.tabs-wp-primary-light .tab-button,
.tabs-wp-primary-light .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-primary-light .tab-button:hover:not(.disable-hover),
.tabs-wp-primary-light .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-primary-light .tab-button[aria-selected=true],
.tabs-wp-primary-light .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-bgicon .tabbar {
  background-color: rgba(226, 233, 237, 0.6);
}

.tabs-wp-bgicon .tab-button,
.tabs-wp-bgicon .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-bgicon .tab-button:hover:not(.disable-hover),
.tabs-wp-bgicon .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-bgicon .tab-button[aria-selected=true],
.tabs-wp-bgicon .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-primary-text .tabbar {
  background-color: #189dae;
}

.tabs-wp-primary-text .tab-button,
.tabs-wp-primary-text .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-primary-text .tab-button:hover:not(.disable-hover),
.tabs-wp-primary-text .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-primary-text .tab-button[aria-selected=true],
.tabs-wp-primary-text .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-white .tabbar {
  background-color: #FFFFFF;
}

.tabs-wp-white .tab-button,
.tabs-wp-white .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-white .tab-button:hover:not(.disable-hover),
.tabs-wp-white .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-white .tab-button[aria-selected=true],
.tabs-wp-white .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-success .tabbar {
  background-color: #2BB34D;
}

.tabs-wp-success .tab-button,
.tabs-wp-success .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-success .tab-button:hover:not(.disable-hover),
.tabs-wp-success .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-success .tab-button[aria-selected=true],
.tabs-wp-success .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-info .tabbar {
  background-color: #1A73E8;
}

.tabs-wp-info .tab-button,
.tabs-wp-info .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-info .tab-button:hover:not(.disable-hover),
.tabs-wp-info .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-info .tab-button[aria-selected=true],
.tabs-wp-info .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-warning .tabbar {
  background-color: #FFAB00;
}

.tabs-wp-warning .tab-button,
.tabs-wp-warning .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-warning .tab-button:hover:not(.disable-hover),
.tabs-wp-warning .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-warning .tab-button[aria-selected=true],
.tabs-wp-warning .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-danger .tabbar {
  background-color: #F0624D;
}

.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-tam .tabbar {
  background-color: #CC0400;
}

.tabs-wp-tam .tab-button,
.tabs-wp-tam .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-tam .tab-button:hover:not(.disable-hover),
.tabs-wp-tam .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-tam .tab-button[aria-selected=true],
.tabs-wp-tam .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: 50px;
  height: 21px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
}

.toggle-ios .toggle-icon {
  border-radius: 10.5px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e6e6e6;
  -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: 10.5px;
  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: 9.5px;
  position: absolute;
  width: 19px;
  height: 19px;
  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: #F68A22;
}

.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(27px,  0,  0);
  transform: translate3d(27px,  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: 25px;
}

.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: #F68A22;
}

.toggle-ios-secondary.toggle-checked .toggle-icon {
  background-color: #63BEFB;
}

.toggle-ios-danger-low.toggle-checked .toggle-icon {
  background-color: #fb745e;
}

.toggle-ios-light.toggle-checked .toggle-icon {
  background-color: #f4f4f4;
}

.toggle-ios-dark.toggle-checked .toggle-icon {
  background-color: #222;
}

.toggle-ios-favorite.toggle-checked .toggle-icon {
  background-color: #39B44A;
}

.toggle-ios-darkgrey.toggle-checked .toggle-icon {
  background-color: #8e9093;
}

.toggle-ios-emerald.toggle-checked .toggle-icon {
  background-color: #3498db;
}

.toggle-ios-concrete.toggle-checked .toggle-icon {
  background-color: #bdc3c7;
}

.toggle-ios-yellow.toggle-checked .toggle-icon {
  background-color: #ffff00;
}

.toggle-ios-black.toggle-checked .toggle-icon {
  background-color: #000000;
}

.toggle-ios-grey.toggle-checked .toggle-icon {
  background-color: #808080;
}

.toggle-ios-red.toggle-checked .toggle-icon {
  background-color: #ed4956;
}

.toggle-ios-notif.toggle-checked .toggle-icon {
  background-color: #17DFC4;
}

.toggle-ios-new-badge.toggle-checked .toggle-icon {
  background-color: #63BEFB;
}

.toggle-ios-accent.toggle-checked .toggle-icon {
  background-color: #63BEFB;
}

.toggle-ios-skeleton.toggle-checked .toggle-icon {
  background-color: #dddddd;
}

.toggle-ios-outline.toggle-checked .toggle-icon {
  background-color: #dbdbe1;
}

.toggle-ios-secondary-text.toggle-checked .toggle-icon {
  background-color: #A5B0B7;
}

.toggle-ios-text.toggle-checked .toggle-icon {
  background-color: #192528;
}

.toggle-ios-label.toggle-checked .toggle-icon {
  background-color: #333333;
}

.toggle-ios-hover.toggle-checked .toggle-icon {
  background-color: #eff2f4;
}

.toggle-ios-hover-dark.toggle-checked .toggle-icon {
  background-color: rgba(162, 162, 162, 0.1);
}

.toggle-ios-bgcard.toggle-checked .toggle-icon {
  background-color: #f2f5f8;
}

.toggle-ios-bgcard2.toggle-checked .toggle-icon {
  background-color: #fcfcfc;
}

.toggle-ios-bglabel.toggle-checked .toggle-icon {
  background-color: #E2E9ED;
}

.toggle-ios-primary-light.toggle-checked .toggle-icon {
  background-color: #08b2be;
}

.toggle-ios-bgicon.toggle-checked .toggle-icon {
  background-color: rgba(226, 233, 237, 0.6);
}

.toggle-ios-primary-text.toggle-checked .toggle-icon {
  background-color: #189dae;
}

.toggle-ios-white.toggle-checked .toggle-icon {
  background-color: #FFFFFF;
}

.toggle-ios-success.toggle-checked .toggle-icon {
  background-color: #2BB34D;
}

.toggle-ios-info.toggle-checked .toggle-icon {
  background-color: #1A73E8;
}

.toggle-ios-warning.toggle-checked .toggle-icon {
  background-color: #FFAB00;
}

.toggle-ios-danger.toggle-checked .toggle-icon {
  background-color: #F0624D;
}

.toggle-ios-tam.toggle-checked .toggle-icon {
  background-color: #CC0400;
}

.toggle-md {
  position: relative;
  width: 46px;
  height: 21px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
  padding: 12px;
}

.toggle-md .toggle-icon {
  border-radius: 21px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: white;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  pointer-events: none;
}

.toggle-md .toggle-inner {
  left: 0;
  top: 1px;
  border-radius: 50%;
  position: absolute;
  width: 19px;
  height: 19px;
  background-color: #c5c9cc;
  -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: white;
}

.toggle-md.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(27px,  0,  0);
  transform: translate3d(27px,  0,  0);
  background-color: #00A9BE;
}

.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: #fbcb9d;
}

.toggle-md-primary.toggle-checked .toggle-inner {
  background-color: #F68A22;
}

.toggle-md-secondary.toggle-checked .toggle-icon {
  background-color: #dff2fe;
}

.toggle-md-secondary.toggle-checked .toggle-inner {
  background-color: #63BEFB;
}

.toggle-md-danger-low.toggle-checked .toggle-icon {
  background-color: #fedfda;
}

.toggle-md-danger-low.toggle-checked .toggle-inner {
  background-color: #fb745e;
}

.toggle-md-light.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-light.toggle-checked .toggle-inner {
  background-color: #f4f4f4;
}

.toggle-md-dark.toggle-checked .toggle-icon {
  background-color: #626262;
}

.toggle-md-dark.toggle-checked .toggle-inner {
  background-color: #222;
}

.toggle-md-favorite.toggle-checked .toggle-icon {
  background-color: #90dc9b;
}

.toggle-md-favorite.toggle-checked .toggle-inner {
  background-color: #39B44A;
}

.toggle-md-darkgrey.toggle-checked .toggle-icon {
  background-color: #cfd0d1;
}

.toggle-md-darkgrey.toggle-checked .toggle-inner {
  background-color: #8e9093;
}

.toggle-md-emerald.toggle-checked .toggle-icon {
  background-color: #a0cfee;
}

.toggle-md-emerald.toggle-checked .toggle-inner {
  background-color: #3498db;
}

.toggle-md-concrete.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-concrete.toggle-checked .toggle-inner {
  background-color: #bdc3c7;
}

.toggle-md-yellow.toggle-checked .toggle-icon {
  background-color: #ffff80;
}

.toggle-md-yellow.toggle-checked .toggle-inner {
  background-color: #ffff00;
}

.toggle-md-black.toggle-checked .toggle-icon {
  background-color: #404040;
}

.toggle-md-black.toggle-checked .toggle-inner {
  background-color: #000000;
}

.toggle-md-grey.toggle-checked .toggle-icon {
  background-color: silver;
}

.toggle-md-grey.toggle-checked .toggle-inner {
  background-color: #808080;
}

.toggle-md-red.toggle-checked .toggle-icon {
  background-color: #f8bdc2;
}

.toggle-md-red.toggle-checked .toggle-inner {
  background-color: #ed4956;
}

.toggle-md-notif.toggle-checked .toggle-icon {
  background-color: #83f2e3;
}

.toggle-md-notif.toggle-checked .toggle-inner {
  background-color: #17DFC4;
}

.toggle-md-new-badge.toggle-checked .toggle-icon {
  background-color: #dff2fe;
}

.toggle-md-new-badge.toggle-checked .toggle-inner {
  background-color: #63BEFB;
}

.toggle-md-accent.toggle-checked .toggle-icon {
  background-color: #dff2fe;
}

.toggle-md-accent.toggle-checked .toggle-inner {
  background-color: #63BEFB;
}

.toggle-md-skeleton.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-skeleton.toggle-checked .toggle-inner {
  background-color: #dddddd;
}

.toggle-md-outline.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-outline.toggle-checked .toggle-inner {
  background-color: #dbdbe1;
}

.toggle-md-secondary-text.toggle-checked .toggle-icon {
  background-color: #eceef0;
}

.toggle-md-secondary-text.toggle-checked .toggle-inner {
  background-color: #A5B0B7;
}

.toggle-md-text.toggle-checked .toggle-icon {
  background-color: #4a6e76;
}

.toggle-md-text.toggle-checked .toggle-inner {
  background-color: #192528;
}

.toggle-md-label.toggle-checked .toggle-icon {
  background-color: #737373;
}

.toggle-md-label.toggle-checked .toggle-inner {
  background-color: #333333;
}

.toggle-md-hover.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-hover.toggle-checked .toggle-inner {
  background-color: #eff2f4;
}

.toggle-md-hover-dark.toggle-checked .toggle-icon {
  background-color: rgba(226, 226, 226, 0.1);
}

.toggle-md-hover-dark.toggle-checked .toggle-inner {
  background-color: rgba(162, 162, 162, 0.1);
}

.toggle-md-bgcard.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-bgcard.toggle-checked .toggle-inner {
  background-color: #f2f5f8;
}

.toggle-md-bgcard2.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-bgcard2.toggle-checked .toggle-inner {
  background-color: #fcfcfc;
}

.toggle-md-bglabel.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-bglabel.toggle-checked .toggle-inner {
  background-color: #E2E9ED;
}

.toggle-md-primary-light.toggle-checked .toggle-icon {
  background-color: #4eecf8;
}

.toggle-md-primary-light.toggle-checked .toggle-inner {
  background-color: #08b2be;
}

.toggle-md-bgicon.toggle-checked .toggle-icon {
  background-color: rgba(255, 255, 255, 0.6);
}

.toggle-md-bgicon.toggle-checked .toggle-inner {
  background-color: rgba(226, 233, 237, 0.6);
}

.toggle-md-primary-text.toggle-checked .toggle-icon {
  background-color: #5dd9e9;
}

.toggle-md-primary-text.toggle-checked .toggle-inner {
  background-color: #189dae;
}

.toggle-md-white.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-white.toggle-checked .toggle-inner {
  background-color: #FFFFFF;
}

.toggle-md-success.toggle-checked .toggle-icon {
  background-color: #7ee096;
}

.toggle-md-success.toggle-checked .toggle-inner {
  background-color: #2BB34D;
}

.toggle-md-info.toggle-checked .toggle-icon {
  background-color: #8ebaf4;
}

.toggle-md-info.toggle-checked .toggle-inner {
  background-color: #1A73E8;
}

.toggle-md-warning.toggle-checked .toggle-icon {
  background-color: #ffd580;
}

.toggle-md-warning.toggle-checked .toggle-inner {
  background-color: #FFAB00;
}

.toggle-md-danger.toggle-checked .toggle-icon {
  background-color: #facac3;
}

.toggle-md-danger.toggle-checked .toggle-inner {
  background-color: #F0624D;
}

.toggle-md-tam.toggle-checked .toggle-icon {
  background-color: #ff504d;
}

.toggle-md-tam.toggle-checked .toggle-inner {
  background-color: #CC0400;
}

.toggle-wp {
  position: relative;
  width: 46px;
  height: 21px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
}

.toggle-wp .toggle-icon {
  border-radius: 21px;
  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: 13px;
  height: 13px;
  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: #F68A22;
  background-color: #F68A22;
}

.toggle-wp.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(25px,  0,  0);
  transform: translate3d(25px,  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: #F68A22;
  background-color: #F68A22;
}

.toggle-wp-primary.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-secondary.toggle-checked .toggle-icon {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.toggle-wp-secondary.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-danger-low.toggle-checked .toggle-icon {
  border-color: #fb745e;
  background-color: #fb745e;
}

.toggle-wp-danger-low.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-light.toggle-checked .toggle-icon {
  border-color: #f4f4f4;
  background-color: #f4f4f4;
}

.toggle-wp-light.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-dark.toggle-checked .toggle-icon {
  border-color: #222;
  background-color: #222;
}

.toggle-wp-dark.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-favorite.toggle-checked .toggle-icon {
  border-color: #39B44A;
  background-color: #39B44A;
}

.toggle-wp-favorite.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-darkgrey.toggle-checked .toggle-icon {
  border-color: #8e9093;
  background-color: #8e9093;
}

.toggle-wp-darkgrey.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-emerald.toggle-checked .toggle-icon {
  border-color: #3498db;
  background-color: #3498db;
}

.toggle-wp-emerald.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-concrete.toggle-checked .toggle-icon {
  border-color: #bdc3c7;
  background-color: #bdc3c7;
}

.toggle-wp-concrete.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-yellow.toggle-checked .toggle-icon {
  border-color: #ffff00;
  background-color: #ffff00;
}

.toggle-wp-yellow.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-black.toggle-checked .toggle-icon {
  border-color: #000000;
  background-color: #000000;
}

.toggle-wp-black.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-grey.toggle-checked .toggle-icon {
  border-color: #808080;
  background-color: #808080;
}

.toggle-wp-grey.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-red.toggle-checked .toggle-icon {
  border-color: #ed4956;
  background-color: #ed4956;
}

.toggle-wp-red.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-notif.toggle-checked .toggle-icon {
  border-color: #17DFC4;
  background-color: #17DFC4;
}

.toggle-wp-notif.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-new-badge.toggle-checked .toggle-icon {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.toggle-wp-new-badge.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-accent.toggle-checked .toggle-icon {
  border-color: #63BEFB;
  background-color: #63BEFB;
}

.toggle-wp-accent.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-skeleton.toggle-checked .toggle-icon {
  border-color: #dddddd;
  background-color: #dddddd;
}

.toggle-wp-skeleton.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-outline.toggle-checked .toggle-icon {
  border-color: #dbdbe1;
  background-color: #dbdbe1;
}

.toggle-wp-outline.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-secondary-text.toggle-checked .toggle-icon {
  border-color: #A5B0B7;
  background-color: #A5B0B7;
}

.toggle-wp-secondary-text.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-text.toggle-checked .toggle-icon {
  border-color: #192528;
  background-color: #192528;
}

.toggle-wp-text.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-label.toggle-checked .toggle-icon {
  border-color: #333333;
  background-color: #333333;
}

.toggle-wp-label.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-hover.toggle-checked .toggle-icon {
  border-color: #eff2f4;
  background-color: #eff2f4;
}

.toggle-wp-hover.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-hover-dark.toggle-checked .toggle-icon {
  border-color: rgba(162, 162, 162, 0.1);
  background-color: rgba(162, 162, 162, 0.1);
}

.toggle-wp-hover-dark.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-bgcard.toggle-checked .toggle-icon {
  border-color: #f2f5f8;
  background-color: #f2f5f8;
}

.toggle-wp-bgcard.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-bgcard2.toggle-checked .toggle-icon {
  border-color: #fcfcfc;
  background-color: #fcfcfc;
}

.toggle-wp-bgcard2.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-bglabel.toggle-checked .toggle-icon {
  border-color: #E2E9ED;
  background-color: #E2E9ED;
}

.toggle-wp-bglabel.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-primary-light.toggle-checked .toggle-icon {
  border-color: #08b2be;
  background-color: #08b2be;
}

.toggle-wp-primary-light.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-bgicon.toggle-checked .toggle-icon {
  border-color: rgba(226, 233, 237, 0.6);
  background-color: rgba(226, 233, 237, 0.6);
}

.toggle-wp-bgicon.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-primary-text.toggle-checked .toggle-icon {
  border-color: #189dae;
  background-color: #189dae;
}

.toggle-wp-primary-text.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-white.toggle-checked .toggle-icon {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
}

.toggle-wp-white.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-success.toggle-checked .toggle-icon {
  border-color: #2BB34D;
  background-color: #2BB34D;
}

.toggle-wp-success.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-info.toggle-checked .toggle-icon {
  border-color: #1A73E8;
  background-color: #1A73E8;
}

.toggle-wp-info.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-warning.toggle-checked .toggle-icon {
  border-color: #FFAB00;
  background-color: #FFAB00;
}

.toggle-wp-warning.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-danger.toggle-checked .toggle-icon {
  border-color: #F0624D;
  background-color: #F0624D;
}

.toggle-wp-danger.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-tam.toggle-checked .toggle-icon {
  border-color: #CC0400;
  background-color: #CC0400;
}

.toggle-wp-tam.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 0.55px;
}

.footer-ios .toolbar-ios:first-child .toolbar-background-ios {
  border-width: 0.55px 0 0;
}

.header-ios[no-border] .toolbar-ios:last-child .toolbar-background-ios {
  border-bottom-width: 0;
}

.footer-ios[no-border] .toolbar-ios:first-child .toolbar-background-ios {
  border-top-width: 0;
}

.toolbar-content-ios {
  -webkit-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: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.bar-button-outline-ios:hover:not(.disable-hover) {
  opacity: .4;
}

.bar-button-outline-ios.activated {
  color: #fff;
  background-color: #F68A22;
}

.bar-button-solid-ios {
  color: #fff;
  background-color: #F68A22;
}

.bar-button-solid-ios:hover:not(.disable-hover) {
  color: #fff;
  opacity: .4;
}

.bar-button-solid-ios.activated {
  color: #fff;
  background-color: #e27f1f;
  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: #F68A22;
  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: #F68A22;
}

.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: #F68A22;
  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: #F68A22;
}

.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: #F68A22;
}

.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: #F68A22;
  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: #F68A22;
}

.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: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-primary .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-primary .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.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: #63BEFB;
  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: #63BEFB;
}

.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: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-primary .bar-button-danger-low-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-primary .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-primary .bar-button-danger-low-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-primary .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-primary .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-primary .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-primary .bar-button-light-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-light,
.toolbar-ios-primary .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-primary .bar-button-light-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-primary .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-primary .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-primary .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-primary .bar-button-dark-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark,
.toolbar-ios-primary .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-primary .bar-button-dark-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-primary .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-primary .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-primary .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-primary .bar-button-favorite-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-primary .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-primary .bar-button-favorite-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-primary .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-primary .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-primary .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-primary .bar-button-darkgrey-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-primary .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-primary .bar-button-darkgrey-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-primary .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-primary .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-primary .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-primary .bar-button-emerald-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-primary .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-primary .bar-button-emerald-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-primary .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-primary .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-primary .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-primary .bar-button-concrete-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-primary .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-primary .bar-button-concrete-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-primary .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-primary .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-primary .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-primary .bar-button-yellow-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-primary .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-primary .bar-button-yellow-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-primary .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-primary .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-primary .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-primary .bar-button-black-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-black,
.toolbar-ios-primary .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-primary .bar-button-black-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-primary .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-primary .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-primary .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-primary .bar-button-grey-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-grey,
.toolbar-ios-primary .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-primary .bar-button-grey-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-primary .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-primary .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-primary .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-primary .bar-button-red-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-red,
.toolbar-ios-primary .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-primary .bar-button-red-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-primary .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-primary .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-primary .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-primary .bar-button-notif-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-notif,
.toolbar-ios-primary .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-primary .bar-button-notif-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-primary .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-primary .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-primary .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-primary .bar-button-new-badge-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-primary .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-primary .bar-button-new-badge-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-primary .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-primary .bar-button-accent-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-accent,
.toolbar-ios-primary .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-primary .bar-button-accent-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-primary .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-primary .bar-button-skeleton-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-primary .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-primary .bar-button-skeleton-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-primary .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-primary .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-primary .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-primary .bar-button-outline-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-outline,
.toolbar-ios-primary .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-primary .bar-button-outline-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-primary .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-primary .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-primary .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-primary .bar-button-secondary-text-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-primary .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-primary .bar-button-secondary-text-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-primary .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-primary .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-primary .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-primary .bar-button-text-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-text,
.toolbar-ios-primary .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-primary .bar-button-text-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-primary .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-primary .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-primary .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-primary .bar-button-label-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-label,
.toolbar-ios-primary .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-primary .bar-button-label-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-primary .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-primary .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-primary .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-primary .bar-button-hover-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-hover,
.toolbar-ios-primary .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-primary .bar-button-hover-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-primary .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-primary .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-primary .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-primary .bar-button-hover-dark-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-primary .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-primary .bar-button-hover-dark-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-primary .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-primary .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-primary .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-primary .bar-button-bgcard-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-primary .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-primary .bar-button-bgcard-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-primary .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-primary .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-primary .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-primary .bar-button-bgcard2-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-primary .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-primary .bar-button-bgcard2-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-primary .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-primary .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-primary .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-primary .bar-button-bglabel-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-primary .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-primary .bar-button-bglabel-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-primary .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-primary .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-primary .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-primary .bar-button-primary-light-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-primary .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-primary .bar-button-primary-light-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-primary .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-primary .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-primary .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-primary .bar-button-bgicon-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-primary .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-primary .bar-button-bgicon-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-primary .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-primary .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-primary .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-primary .bar-button-primary-text-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-primary .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-primary .bar-button-primary-text-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-primary .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-primary .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-primary .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-primary .bar-button-white-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-white,
.toolbar-ios-primary .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-primary .bar-button-white-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-primary .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-primary .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-primary .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-primary .bar-button-success-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-success,
.toolbar-ios-primary .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-primary .bar-button-success-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-primary .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-primary .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-primary .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-primary .bar-button-info-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-info,
.toolbar-ios-primary .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-primary .bar-button-info-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-primary .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-primary .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-primary .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-primary .bar-button-warning-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-warning,
.toolbar-ios-primary .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-primary .bar-button-warning-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-primary .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-primary .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-primary .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.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: #F0624D;
  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: #F0624D;
}

.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: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-primary .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-primary .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-primary .bar-button-tam-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-tam,
.toolbar-ios-primary .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-primary .bar-button-tam-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-primary .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-primary .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-primary .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-primary-ios,
.bar-button-default.bar-button-ios-primary,
.bar-button-clear-ios-primary {
  color: #F68A22;
  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: #F68A22;
}

.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: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-secondary .toolbar-background-ios {
  background: #63BEFB;
}

.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: #F68A22;
  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: #F68A22;
}

.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: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-secondary .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-secondary .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.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: #63BEFB;
  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: #63BEFB;
}

.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: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-secondary .bar-button-danger-low-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-secondary .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-secondary .bar-button-danger-low-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-secondary .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-secondary .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-secondary .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-secondary .bar-button-light-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light,
.toolbar-ios-secondary .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-secondary .bar-button-light-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-secondary .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-secondary .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-secondary .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-secondary .bar-button-dark-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark,
.toolbar-ios-secondary .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-secondary .bar-button-dark-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-secondary .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-secondary .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-secondary .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-secondary .bar-button-favorite-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-secondary .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-secondary .bar-button-favorite-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-secondary .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-secondary .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-secondary .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-secondary .bar-button-darkgrey-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-secondary .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-secondary .bar-button-darkgrey-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-secondary .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-secondary .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-secondary .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-secondary .bar-button-emerald-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-secondary .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-secondary .bar-button-emerald-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-secondary .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-secondary .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-secondary .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-secondary .bar-button-concrete-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-secondary .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-secondary .bar-button-concrete-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-secondary .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-secondary .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-secondary .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-secondary .bar-button-yellow-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-secondary .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-secondary .bar-button-yellow-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-secondary .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-secondary .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-secondary .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-secondary .bar-button-black-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-black,
.toolbar-ios-secondary .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-secondary .bar-button-black-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-secondary .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-secondary .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-secondary .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-secondary .bar-button-grey-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-grey,
.toolbar-ios-secondary .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-secondary .bar-button-grey-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-secondary .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-secondary .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-secondary .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-secondary .bar-button-red-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-red,
.toolbar-ios-secondary .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-secondary .bar-button-red-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-secondary .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-secondary .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-secondary .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-secondary .bar-button-notif-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-notif,
.toolbar-ios-secondary .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-secondary .bar-button-notif-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-secondary .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-secondary .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-secondary .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-secondary .bar-button-new-badge-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-secondary .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-secondary .bar-button-new-badge-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-secondary .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-secondary .bar-button-accent-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-accent,
.toolbar-ios-secondary .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-secondary .bar-button-accent-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-secondary .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-secondary .bar-button-skeleton-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-secondary .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-secondary .bar-button-skeleton-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-secondary .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-secondary .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-secondary .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-secondary .bar-button-outline-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-outline,
.toolbar-ios-secondary .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-secondary .bar-button-outline-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-secondary .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-secondary .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-secondary .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-secondary .bar-button-secondary-text-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-secondary .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-secondary .bar-button-secondary-text-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-secondary .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-secondary .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-secondary .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-secondary .bar-button-text-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-text,
.toolbar-ios-secondary .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-secondary .bar-button-text-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-secondary .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-secondary .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-secondary .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-secondary .bar-button-label-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-label,
.toolbar-ios-secondary .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-secondary .bar-button-label-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-secondary .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-secondary .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-secondary .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-secondary .bar-button-hover-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-hover,
.toolbar-ios-secondary .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-secondary .bar-button-hover-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-secondary .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-secondary .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-secondary .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-secondary .bar-button-hover-dark-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-secondary .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-secondary .bar-button-hover-dark-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-secondary .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-secondary .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-secondary .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-secondary .bar-button-bgcard-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-secondary .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-secondary .bar-button-bgcard-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-secondary .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-secondary .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-secondary .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-secondary .bar-button-bgcard2-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-secondary .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-secondary .bar-button-bgcard2-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-secondary .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-secondary .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-secondary .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-secondary .bar-button-bglabel-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-secondary .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-secondary .bar-button-bglabel-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-secondary .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-secondary .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-secondary .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-secondary .bar-button-primary-light-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-secondary .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-secondary .bar-button-primary-light-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-secondary .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-secondary .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-secondary .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-secondary .bar-button-bgicon-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-secondary .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-secondary .bar-button-bgicon-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-secondary .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-secondary .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-secondary .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-secondary .bar-button-primary-text-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-secondary .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-secondary .bar-button-primary-text-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-secondary .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-secondary .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-secondary .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-secondary .bar-button-white-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-white,
.toolbar-ios-secondary .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-secondary .bar-button-white-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-secondary .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-secondary .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-secondary .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-secondary .bar-button-success-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-success,
.toolbar-ios-secondary .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-secondary .bar-button-success-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-secondary .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-secondary .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-secondary .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-secondary .bar-button-info-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-info,
.toolbar-ios-secondary .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-secondary .bar-button-info-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-secondary .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-secondary .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-secondary .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-secondary .bar-button-warning-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-warning,
.toolbar-ios-secondary .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-secondary .bar-button-warning-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-secondary .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-secondary .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-secondary .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.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: #F0624D;
  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: #F0624D;
}

.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: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-secondary .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-secondary .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-secondary .bar-button-tam-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-tam,
.toolbar-ios-secondary .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-secondary .bar-button-tam-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-secondary .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-secondary .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-secondary .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-secondary-ios,
.bar-button-default.bar-button-ios-secondary,
.bar-button-clear-ios-secondary {
  color: #63BEFB;
  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: #63BEFB;
}

.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: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-danger-low .toolbar-background-ios {
  background: #fb745e;
}

.toolbar-ios-danger-low .toolbar-title-ios,
.toolbar-ios-danger-low .bar-button-clear-ios,
.toolbar-ios-danger-low .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-danger-low .bar-button-primary-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-primary,
.toolbar-ios-danger-low .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-danger-low .bar-button-primary-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-danger-low .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-danger-low .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-danger-low .bar-button-secondary-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-danger-low .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-danger-low .bar-button-secondary-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger-low .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger-low .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-danger-low .bar-button-danger-low-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-danger-low .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-danger-low .bar-button-danger-low-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-danger-low .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-danger-low .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-danger-low .bar-button-light-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-light,
.toolbar-ios-danger-low .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-danger-low .bar-button-light-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-danger-low .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-danger-low .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-danger-low .bar-button-dark-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-dark,
.toolbar-ios-danger-low .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-danger-low .bar-button-dark-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-danger-low .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-danger-low .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-danger-low .bar-button-favorite-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-danger-low .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-danger-low .bar-button-favorite-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-danger-low .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-danger-low .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-danger-low .bar-button-darkgrey-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-danger-low .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-danger-low .bar-button-darkgrey-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-danger-low .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-danger-low .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-danger-low .bar-button-emerald-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-danger-low .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-danger-low .bar-button-emerald-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-danger-low .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-danger-low .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-danger-low .bar-button-concrete-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-danger-low .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-danger-low .bar-button-concrete-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-danger-low .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-danger-low .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-danger-low .bar-button-yellow-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-danger-low .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-danger-low .bar-button-yellow-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-danger-low .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-danger-low .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-danger-low .bar-button-black-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-black,
.toolbar-ios-danger-low .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-danger-low .bar-button-black-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-danger-low .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-danger-low .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-danger-low .bar-button-grey-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-grey,
.toolbar-ios-danger-low .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-danger-low .bar-button-grey-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-danger-low .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-danger-low .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-danger-low .bar-button-red-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-red,
.toolbar-ios-danger-low .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-danger-low .bar-button-red-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-danger-low .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-danger-low .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-danger-low .bar-button-notif-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-notif,
.toolbar-ios-danger-low .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-danger-low .bar-button-notif-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-danger-low .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-danger-low .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-danger-low .bar-button-new-badge-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-danger-low .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-danger-low .bar-button-new-badge-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger-low .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger-low .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-danger-low .bar-button-accent-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-accent,
.toolbar-ios-danger-low .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-danger-low .bar-button-accent-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger-low .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger-low .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-danger-low .bar-button-skeleton-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-danger-low .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-danger-low .bar-button-skeleton-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-danger-low .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-danger-low .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-danger-low .bar-button-outline-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-outline,
.toolbar-ios-danger-low .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-danger-low .bar-button-outline-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-danger-low .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-danger-low .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-danger-low .bar-button-secondary-text-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-danger-low .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-danger-low .bar-button-secondary-text-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-danger-low .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-danger-low .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-danger-low .bar-button-text-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-text,
.toolbar-ios-danger-low .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-danger-low .bar-button-text-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-danger-low .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-danger-low .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-danger-low .bar-button-label-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-label,
.toolbar-ios-danger-low .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-danger-low .bar-button-label-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-danger-low .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-danger-low .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-danger-low .bar-button-hover-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-hover,
.toolbar-ios-danger-low .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-danger-low .bar-button-hover-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-danger-low .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-danger-low .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-danger-low .bar-button-hover-dark-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-danger-low .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-danger-low .bar-button-hover-dark-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-danger-low .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-danger-low .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-danger-low .bar-button-bgcard-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-danger-low .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-danger-low .bar-button-bgcard-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-danger-low .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-danger-low .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-danger-low .bar-button-bgcard2-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-danger-low .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-danger-low .bar-button-bgcard2-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-danger-low .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-danger-low .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-danger-low .bar-button-bglabel-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-danger-low .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-danger-low .bar-button-bglabel-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-danger-low .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-danger-low .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-danger-low .bar-button-primary-light-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-danger-low .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-danger-low .bar-button-primary-light-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-danger-low .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-danger-low .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-danger-low .bar-button-bgicon-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-danger-low .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-danger-low .bar-button-bgicon-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-danger-low .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-danger-low .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-danger-low .bar-button-primary-text-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-danger-low .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-danger-low .bar-button-primary-text-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-danger-low .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-danger-low .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-danger-low .bar-button-white-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-white,
.toolbar-ios-danger-low .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-danger-low .bar-button-white-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-danger-low .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-danger-low .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-danger-low .bar-button-success-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-success,
.toolbar-ios-danger-low .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-danger-low .bar-button-success-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-danger-low .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-danger-low .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-danger-low .bar-button-info-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-info,
.toolbar-ios-danger-low .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-danger-low .bar-button-info-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-danger-low .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-danger-low .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-danger-low .bar-button-warning-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-warning,
.toolbar-ios-danger-low .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-danger-low .bar-button-warning-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-danger-low .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-danger-low .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-danger-low .bar-button-danger-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-danger,
.toolbar-ios-danger-low .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-danger-low .bar-button-danger-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-danger-low .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-danger-low .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-danger-low .bar-button-tam-ios,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-tam,
.toolbar-ios-danger-low .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-danger-low .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-danger-low .bar-button-tam-ios.activated,
.toolbar-ios-danger-low .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-danger-low .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-danger-low .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-danger-low .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-danger-low .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-danger-low .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-danger-low-ios,
.bar-button-default.bar-button-ios-danger-low,
.bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.bar-button-danger-low-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.bar-button-danger-low-ios.activated,
.bar-button-default.bar-button-ios-danger-low.activated,
.bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-light .toolbar-background-ios {
  background: #f4f4f4;
}

.toolbar-ios-light .toolbar-title-ios,
.toolbar-ios-light .bar-button-clear-ios,
.toolbar-ios-light .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-light .bar-button-primary-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-primary,
.toolbar-ios-light .bar-button-clear-ios-primary {
  color: #F68A22;
  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: #F68A22;
}

.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: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-light .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-light .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.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: #63BEFB;
  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: #63BEFB;
}

.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: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-light .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-light .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-light .bar-button-danger-low-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-light .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-light .bar-button-danger-low-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-light .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-light .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-light .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-light .bar-button-light-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-light,
.toolbar-ios-light .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-light .bar-button-light-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-light .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-light .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-light .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-light .bar-button-dark-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-dark,
.toolbar-ios-light .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-light .bar-button-dark-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-light .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-light .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-light .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-light .bar-button-favorite-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-light .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-light .bar-button-favorite-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-light .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-light .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-light .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-light .bar-button-darkgrey-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-light .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-light .bar-button-darkgrey-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-light .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-light .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-light .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-light .bar-button-emerald-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-light .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-light .bar-button-emerald-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-light .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-light .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-light .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-light .bar-button-concrete-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-light .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-light .bar-button-concrete-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-light .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-light .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-light .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-light .bar-button-yellow-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-light .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-light .bar-button-yellow-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-light .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-light .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-light .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-light .bar-button-black-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-black,
.toolbar-ios-light .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-light .bar-button-black-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-light .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-light .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-light .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-light .bar-button-grey-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-grey,
.toolbar-ios-light .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-light .bar-button-grey-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-light .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-light .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-light .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-light .bar-button-red-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-red,
.toolbar-ios-light .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-light .bar-button-red-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-light .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-light .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-light .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-light .bar-button-notif-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-notif,
.toolbar-ios-light .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-light .bar-button-notif-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-light .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-light .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-light .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-light .bar-button-new-badge-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-light .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-light .bar-button-new-badge-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-light .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-light .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-light .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-light .bar-button-accent-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-accent,
.toolbar-ios-light .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-light .bar-button-accent-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-light .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-light .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-light .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-light .bar-button-skeleton-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-light .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-light .bar-button-skeleton-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-light .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-light .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-light .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-light .bar-button-outline-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-outline,
.toolbar-ios-light .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-light .bar-button-outline-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-light .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-light .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-light .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-light .bar-button-secondary-text-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-light .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-light .bar-button-secondary-text-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-light .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-light .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-light .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-light .bar-button-text-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-text,
.toolbar-ios-light .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-light .bar-button-text-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-light .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-light .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-light .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-light .bar-button-label-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-label,
.toolbar-ios-light .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-light .bar-button-label-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-light .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-light .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-light .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-light .bar-button-hover-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-hover,
.toolbar-ios-light .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-light .bar-button-hover-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-light .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-light .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-light .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-light .bar-button-hover-dark-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-light .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-light .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-light .bar-button-hover-dark-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-light .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-light .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-light .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-light .bar-button-bgcard-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-light .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-light .bar-button-bgcard-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-light .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-light .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-light .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-light .bar-button-bgcard2-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-light .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-light .bar-button-bgcard2-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-light .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-light .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-light .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-light .bar-button-bglabel-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-light .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-light .bar-button-bglabel-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-light .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-light .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-light .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-light .bar-button-primary-light-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-light .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-light .bar-button-primary-light-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-light .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-light .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-light .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-light .bar-button-bgicon-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-light .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-light .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-light .bar-button-bgicon-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-light .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-light .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-light .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-light .bar-button-primary-text-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-light .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-light .bar-button-primary-text-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-light .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-light .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-light .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-light .bar-button-white-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-white,
.toolbar-ios-light .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-light .bar-button-white-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-light .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-light .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-light .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-light .bar-button-success-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-success,
.toolbar-ios-light .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-light .bar-button-success-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-light .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-light .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-light .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-light .bar-button-info-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-info,
.toolbar-ios-light .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-light .bar-button-info-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-light .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-light .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-light .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-light .bar-button-warning-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-warning,
.toolbar-ios-light .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-light .bar-button-warning-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-light .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-light .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-light .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.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: #F0624D;
  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: #F0624D;
}

.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: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-light .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-light .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-light .bar-button-tam-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-tam,
.toolbar-ios-light .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-light .bar-button-tam-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-light .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-light .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-light .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-light-ios,
.bar-button-default.bar-button-ios-light,
.bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.bar-button-light-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.bar-button-light-ios.activated,
.bar-button-default.bar-button-ios-light.activated,
.bar-button-clear-ios-light.activated {
  opacity: .4;
}

.bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-dark .toolbar-background-ios {
  background: #222;
}

.toolbar-ios-dark .toolbar-title-ios,
.toolbar-ios-dark .bar-button-clear-ios,
.toolbar-ios-dark .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-dark .bar-button-primary-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary,
.toolbar-ios-dark .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-dark .bar-button-primary-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-dark .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-dark .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-dark .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-dark .bar-button-secondary-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-dark .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-dark .bar-button-secondary-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-dark .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-dark .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-dark .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-dark .bar-button-danger-low-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-dark .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-dark .bar-button-danger-low-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-dark .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-dark .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-dark .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-dark .bar-button-light-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-light,
.toolbar-ios-dark .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-dark .bar-button-light-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-dark .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-dark .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-dark .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-dark .bar-button-dark-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark,
.toolbar-ios-dark .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-dark .bar-button-dark-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-dark .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-dark .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-dark .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-dark .bar-button-favorite-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-dark .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-dark .bar-button-favorite-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-dark .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-dark .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-dark .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-dark .bar-button-darkgrey-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-dark .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-dark .bar-button-darkgrey-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-dark .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-dark .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-dark .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-dark .bar-button-emerald-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-dark .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-dark .bar-button-emerald-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-dark .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-dark .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-dark .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-dark .bar-button-concrete-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-dark .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-dark .bar-button-concrete-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-dark .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-dark .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-dark .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-dark .bar-button-yellow-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-dark .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-dark .bar-button-yellow-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-dark .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-dark .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-dark .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-dark .bar-button-black-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-black,
.toolbar-ios-dark .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-dark .bar-button-black-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-dark .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-dark .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-dark .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-dark .bar-button-grey-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-grey,
.toolbar-ios-dark .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-dark .bar-button-grey-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-dark .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-dark .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-dark .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-dark .bar-button-red-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-red,
.toolbar-ios-dark .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-dark .bar-button-red-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-dark .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-dark .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-dark .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-dark .bar-button-notif-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-notif,
.toolbar-ios-dark .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-dark .bar-button-notif-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-dark .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-dark .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-dark .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-dark .bar-button-new-badge-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-dark .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-dark .bar-button-new-badge-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-dark .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-dark .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-dark .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-dark .bar-button-accent-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-accent,
.toolbar-ios-dark .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-dark .bar-button-accent-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-dark .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-dark .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-dark .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-dark .bar-button-skeleton-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-dark .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-dark .bar-button-skeleton-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-dark .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-dark .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-dark .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-dark .bar-button-outline-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-outline,
.toolbar-ios-dark .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-dark .bar-button-outline-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-dark .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-dark .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-dark .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-dark .bar-button-secondary-text-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-dark .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-dark .bar-button-secondary-text-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-dark .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-dark .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-dark .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-dark .bar-button-text-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-text,
.toolbar-ios-dark .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-dark .bar-button-text-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-dark .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-dark .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-dark .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-dark .bar-button-label-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-label,
.toolbar-ios-dark .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-dark .bar-button-label-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-dark .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-dark .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-dark .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-dark .bar-button-hover-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-hover,
.toolbar-ios-dark .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-dark .bar-button-hover-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-dark .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-dark .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-dark .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-dark .bar-button-hover-dark-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-dark .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-dark .bar-button-hover-dark-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-dark .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-dark .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-dark .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-dark .bar-button-bgcard-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-dark .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-dark .bar-button-bgcard-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-dark .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-dark .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-dark .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-dark .bar-button-bgcard2-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-dark .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-dark .bar-button-bgcard2-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-dark .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-dark .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-dark .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-dark .bar-button-bglabel-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-dark .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-dark .bar-button-bglabel-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-dark .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-dark .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-dark .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-dark .bar-button-primary-light-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-dark .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-dark .bar-button-primary-light-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-dark .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-dark .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-dark .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-dark .bar-button-bgicon-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-dark .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-dark .bar-button-bgicon-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-dark .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-dark .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-dark .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-dark .bar-button-primary-text-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-dark .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-dark .bar-button-primary-text-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-dark .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-dark .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-dark .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-dark .bar-button-white-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-white,
.toolbar-ios-dark .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-dark .bar-button-white-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-dark .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-dark .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-dark .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-dark .bar-button-success-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-success,
.toolbar-ios-dark .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-dark .bar-button-success-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-dark .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-dark .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-dark .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-dark .bar-button-info-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-info,
.toolbar-ios-dark .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-dark .bar-button-info-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-dark .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-dark .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-dark .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-dark .bar-button-warning-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-warning,
.toolbar-ios-dark .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-dark .bar-button-warning-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-dark .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-dark .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-dark .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-dark .bar-button-danger-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger,
.toolbar-ios-dark .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-dark .bar-button-danger-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-dark .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-dark .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-dark .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-dark .bar-button-tam-ios,
.toolbar-ios-dark .bar-button-default.bar-button-ios-tam,
.toolbar-ios-dark .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-dark .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-dark .bar-button-tam-ios.activated,
.toolbar-ios-dark .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-dark .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-dark .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-dark .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-dark .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-dark .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-dark-ios,
.bar-button-default.bar-button-ios-dark,
.bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.bar-button-dark-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.bar-button-dark-ios.activated,
.bar-button-default.bar-button-ios-dark.activated,
.bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-favorite .toolbar-background-ios {
  background: #39B44A;
}

.toolbar-ios-favorite .toolbar-title-ios,
.toolbar-ios-favorite .bar-button-clear-ios,
.toolbar-ios-favorite .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-favorite .bar-button-primary-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-primary,
.toolbar-ios-favorite .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-favorite .bar-button-primary-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-favorite .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-favorite .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-favorite .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-favorite .bar-button-secondary-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-favorite .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-favorite .bar-button-secondary-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-favorite .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-favorite .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-favorite .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-favorite .bar-button-danger-low-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-favorite .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-favorite .bar-button-danger-low-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-favorite .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-favorite .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-favorite .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-favorite .bar-button-light-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-light,
.toolbar-ios-favorite .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-favorite .bar-button-light-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-favorite .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-favorite .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-favorite .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-favorite .bar-button-dark-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-dark,
.toolbar-ios-favorite .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-favorite .bar-button-dark-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-favorite .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-favorite .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-favorite .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-favorite .bar-button-favorite-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-favorite .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-favorite .bar-button-favorite-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-favorite .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-favorite .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-favorite .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-favorite .bar-button-darkgrey-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-favorite .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-favorite .bar-button-darkgrey-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-favorite .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-favorite .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-favorite .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-favorite .bar-button-emerald-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-favorite .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-favorite .bar-button-emerald-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-favorite .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-favorite .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-favorite .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-favorite .bar-button-concrete-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-favorite .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-favorite .bar-button-concrete-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-favorite .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-favorite .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-favorite .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-favorite .bar-button-yellow-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-favorite .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-favorite .bar-button-yellow-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-favorite .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-favorite .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-favorite .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-favorite .bar-button-black-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-black,
.toolbar-ios-favorite .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-favorite .bar-button-black-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-favorite .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-favorite .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-favorite .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-favorite .bar-button-grey-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-grey,
.toolbar-ios-favorite .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-favorite .bar-button-grey-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-favorite .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-favorite .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-favorite .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-favorite .bar-button-red-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-red,
.toolbar-ios-favorite .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-favorite .bar-button-red-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-favorite .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-favorite .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-favorite .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-favorite .bar-button-notif-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-notif,
.toolbar-ios-favorite .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-favorite .bar-button-notif-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-favorite .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-favorite .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-favorite .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-favorite .bar-button-new-badge-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-favorite .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-favorite .bar-button-new-badge-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-favorite .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-favorite .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-favorite .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-favorite .bar-button-accent-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-accent,
.toolbar-ios-favorite .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-favorite .bar-button-accent-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-favorite .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-favorite .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-favorite .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-favorite .bar-button-skeleton-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-favorite .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-favorite .bar-button-skeleton-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-favorite .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-favorite .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-favorite .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-favorite .bar-button-outline-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-outline,
.toolbar-ios-favorite .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-favorite .bar-button-outline-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-favorite .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-favorite .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-favorite .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-favorite .bar-button-secondary-text-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-favorite .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-favorite .bar-button-secondary-text-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-favorite .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-favorite .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-favorite .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-favorite .bar-button-text-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-text,
.toolbar-ios-favorite .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-favorite .bar-button-text-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-favorite .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-favorite .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-favorite .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-favorite .bar-button-label-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-label,
.toolbar-ios-favorite .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-favorite .bar-button-label-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-favorite .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-favorite .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-favorite .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-favorite .bar-button-hover-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-hover,
.toolbar-ios-favorite .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-favorite .bar-button-hover-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-favorite .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-favorite .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-favorite .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-favorite .bar-button-hover-dark-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-favorite .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-favorite .bar-button-hover-dark-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-favorite .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-favorite .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-favorite .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-favorite .bar-button-bgcard-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-favorite .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-favorite .bar-button-bgcard-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-favorite .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-favorite .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-favorite .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-favorite .bar-button-bgcard2-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-favorite .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-favorite .bar-button-bgcard2-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-favorite .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-favorite .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-favorite .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-favorite .bar-button-bglabel-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-favorite .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-favorite .bar-button-bglabel-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-favorite .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-favorite .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-favorite .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-favorite .bar-button-primary-light-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-favorite .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-favorite .bar-button-primary-light-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-favorite .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-favorite .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-favorite .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-favorite .bar-button-bgicon-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-favorite .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-favorite .bar-button-bgicon-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-favorite .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-favorite .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-favorite .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-favorite .bar-button-primary-text-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-favorite .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-favorite .bar-button-primary-text-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-favorite .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-favorite .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-favorite .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-favorite .bar-button-white-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-white,
.toolbar-ios-favorite .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-favorite .bar-button-white-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-favorite .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-favorite .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-favorite .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-favorite .bar-button-success-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-success,
.toolbar-ios-favorite .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-favorite .bar-button-success-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-favorite .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-favorite .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-favorite .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-favorite .bar-button-info-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-info,
.toolbar-ios-favorite .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-favorite .bar-button-info-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-favorite .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-favorite .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-favorite .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-favorite .bar-button-warning-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-warning,
.toolbar-ios-favorite .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-favorite .bar-button-warning-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-favorite .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-favorite .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-favorite .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-favorite .bar-button-danger-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-danger,
.toolbar-ios-favorite .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-favorite .bar-button-danger-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-favorite .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-favorite .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-favorite .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-favorite .bar-button-tam-ios,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-tam,
.toolbar-ios-favorite .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-favorite .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-favorite .bar-button-tam-ios.activated,
.toolbar-ios-favorite .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-favorite .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-favorite .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-favorite .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-favorite .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-favorite .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-favorite-ios,
.bar-button-default.bar-button-ios-favorite,
.bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.bar-button-favorite-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.bar-button-favorite-ios.activated,
.bar-button-default.bar-button-ios-favorite.activated,
.bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-darkgrey .toolbar-background-ios {
  background: #8e9093;
}

.toolbar-ios-darkgrey .toolbar-title-ios,
.toolbar-ios-darkgrey .bar-button-clear-ios,
.toolbar-ios-darkgrey .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-darkgrey .bar-button-primary-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-primary,
.toolbar-ios-darkgrey .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-darkgrey .bar-button-primary-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-darkgrey .bar-button-secondary-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-darkgrey .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-darkgrey .bar-button-secondary-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-darkgrey .bar-button-danger-low-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-darkgrey .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-darkgrey .bar-button-danger-low-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-darkgrey .bar-button-light-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-light,
.toolbar-ios-darkgrey .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-darkgrey .bar-button-light-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-darkgrey .bar-button-dark-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-dark,
.toolbar-ios-darkgrey .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-darkgrey .bar-button-dark-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-darkgrey .bar-button-favorite-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-darkgrey .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-darkgrey .bar-button-favorite-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-darkgrey .bar-button-darkgrey-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-darkgrey .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-darkgrey .bar-button-darkgrey-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-darkgrey .bar-button-emerald-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-darkgrey .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-darkgrey .bar-button-emerald-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-darkgrey .bar-button-concrete-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-darkgrey .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-darkgrey .bar-button-concrete-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-darkgrey .bar-button-yellow-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-darkgrey .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-darkgrey .bar-button-yellow-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-darkgrey .bar-button-black-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-black,
.toolbar-ios-darkgrey .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-darkgrey .bar-button-black-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-darkgrey .bar-button-grey-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-grey,
.toolbar-ios-darkgrey .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-darkgrey .bar-button-grey-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-darkgrey .bar-button-red-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-red,
.toolbar-ios-darkgrey .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-darkgrey .bar-button-red-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-darkgrey .bar-button-notif-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-notif,
.toolbar-ios-darkgrey .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-darkgrey .bar-button-notif-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-darkgrey .bar-button-new-badge-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-darkgrey .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-darkgrey .bar-button-new-badge-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-darkgrey .bar-button-accent-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-accent,
.toolbar-ios-darkgrey .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-darkgrey .bar-button-accent-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-darkgrey .bar-button-skeleton-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-darkgrey .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-darkgrey .bar-button-skeleton-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-darkgrey .bar-button-outline-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-outline,
.toolbar-ios-darkgrey .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-darkgrey .bar-button-outline-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-darkgrey .bar-button-secondary-text-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-darkgrey .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-darkgrey .bar-button-secondary-text-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-darkgrey .bar-button-text-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-text,
.toolbar-ios-darkgrey .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-darkgrey .bar-button-text-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-darkgrey .bar-button-label-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-label,
.toolbar-ios-darkgrey .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-darkgrey .bar-button-label-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-darkgrey .bar-button-hover-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-hover,
.toolbar-ios-darkgrey .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-darkgrey .bar-button-hover-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-darkgrey .bar-button-hover-dark-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-darkgrey .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-darkgrey .bar-button-hover-dark-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-darkgrey .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-darkgrey .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-darkgrey .bar-button-bgcard-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-darkgrey .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-darkgrey .bar-button-bgcard-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-darkgrey .bar-button-bgcard2-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-darkgrey .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-darkgrey .bar-button-bgcard2-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-darkgrey .bar-button-bglabel-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-darkgrey .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-darkgrey .bar-button-bglabel-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-darkgrey .bar-button-primary-light-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-darkgrey .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-darkgrey .bar-button-primary-light-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-darkgrey .bar-button-bgicon-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-darkgrey .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-darkgrey .bar-button-bgicon-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-darkgrey .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-darkgrey .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-darkgrey .bar-button-primary-text-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-darkgrey .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-darkgrey .bar-button-primary-text-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-darkgrey .bar-button-white-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-white,
.toolbar-ios-darkgrey .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-darkgrey .bar-button-white-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-darkgrey .bar-button-success-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-success,
.toolbar-ios-darkgrey .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-darkgrey .bar-button-success-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-darkgrey .bar-button-info-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-info,
.toolbar-ios-darkgrey .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-darkgrey .bar-button-info-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-darkgrey .bar-button-warning-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-warning,
.toolbar-ios-darkgrey .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-darkgrey .bar-button-warning-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-darkgrey .bar-button-danger-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-danger,
.toolbar-ios-darkgrey .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-darkgrey .bar-button-danger-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-darkgrey .bar-button-tam-ios,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-tam,
.toolbar-ios-darkgrey .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-darkgrey .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-darkgrey .bar-button-tam-ios.activated,
.toolbar-ios-darkgrey .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-darkgrey .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-darkgrey .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-darkgrey .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-darkgrey-ios,
.bar-button-default.bar-button-ios-darkgrey,
.bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.bar-button-darkgrey-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.bar-button-darkgrey-ios.activated,
.bar-button-default.bar-button-ios-darkgrey.activated,
.bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-emerald .toolbar-background-ios {
  background: #3498db;
}

.toolbar-ios-emerald .toolbar-title-ios,
.toolbar-ios-emerald .bar-button-clear-ios,
.toolbar-ios-emerald .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-emerald .bar-button-primary-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-primary,
.toolbar-ios-emerald .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-emerald .bar-button-primary-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-emerald .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-emerald .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-emerald .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-emerald .bar-button-secondary-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-emerald .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-emerald .bar-button-secondary-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-emerald .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-emerald .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-emerald .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-emerald .bar-button-danger-low-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-emerald .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-emerald .bar-button-danger-low-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-emerald .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-emerald .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-emerald .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-emerald .bar-button-light-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-light,
.toolbar-ios-emerald .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-emerald .bar-button-light-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-emerald .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-emerald .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-emerald .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-emerald .bar-button-dark-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-dark,
.toolbar-ios-emerald .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-emerald .bar-button-dark-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-emerald .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-emerald .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-emerald .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-emerald .bar-button-favorite-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-emerald .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-emerald .bar-button-favorite-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-emerald .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-emerald .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-emerald .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-emerald .bar-button-darkgrey-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-emerald .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-emerald .bar-button-darkgrey-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-emerald .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-emerald .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-emerald .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-emerald .bar-button-emerald-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-emerald .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-emerald .bar-button-emerald-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-emerald .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-emerald .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-emerald .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-emerald .bar-button-concrete-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-emerald .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-emerald .bar-button-concrete-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-emerald .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-emerald .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-emerald .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-emerald .bar-button-yellow-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-emerald .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-emerald .bar-button-yellow-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-emerald .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-emerald .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-emerald .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-emerald .bar-button-black-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-black,
.toolbar-ios-emerald .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-emerald .bar-button-black-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-emerald .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-emerald .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-emerald .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-emerald .bar-button-grey-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-grey,
.toolbar-ios-emerald .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-emerald .bar-button-grey-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-emerald .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-emerald .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-emerald .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-emerald .bar-button-red-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-red,
.toolbar-ios-emerald .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-emerald .bar-button-red-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-emerald .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-emerald .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-emerald .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-emerald .bar-button-notif-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-notif,
.toolbar-ios-emerald .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-emerald .bar-button-notif-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-emerald .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-emerald .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-emerald .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-emerald .bar-button-new-badge-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-emerald .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-emerald .bar-button-new-badge-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-emerald .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-emerald .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-emerald .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-emerald .bar-button-accent-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-accent,
.toolbar-ios-emerald .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-emerald .bar-button-accent-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-emerald .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-emerald .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-emerald .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-emerald .bar-button-skeleton-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-emerald .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-emerald .bar-button-skeleton-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-emerald .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-emerald .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-emerald .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-emerald .bar-button-outline-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-outline,
.toolbar-ios-emerald .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-emerald .bar-button-outline-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-emerald .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-emerald .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-emerald .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-emerald .bar-button-secondary-text-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-emerald .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-emerald .bar-button-secondary-text-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-emerald .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-emerald .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-emerald .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-emerald .bar-button-text-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-text,
.toolbar-ios-emerald .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-emerald .bar-button-text-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-emerald .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-emerald .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-emerald .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-emerald .bar-button-label-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-label,
.toolbar-ios-emerald .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-emerald .bar-button-label-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-emerald .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-emerald .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-emerald .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-emerald .bar-button-hover-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-hover,
.toolbar-ios-emerald .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-emerald .bar-button-hover-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-emerald .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-emerald .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-emerald .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-emerald .bar-button-hover-dark-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-emerald .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-emerald .bar-button-hover-dark-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-emerald .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-emerald .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-emerald .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-emerald .bar-button-bgcard-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-emerald .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-emerald .bar-button-bgcard-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-emerald .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-emerald .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-emerald .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-emerald .bar-button-bgcard2-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-emerald .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-emerald .bar-button-bgcard2-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-emerald .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-emerald .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-emerald .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-emerald .bar-button-bglabel-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-emerald .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-emerald .bar-button-bglabel-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-emerald .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-emerald .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-emerald .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-emerald .bar-button-primary-light-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-emerald .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-emerald .bar-button-primary-light-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-emerald .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-emerald .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-emerald .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-emerald .bar-button-bgicon-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-emerald .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-emerald .bar-button-bgicon-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-emerald .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-emerald .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-emerald .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-emerald .bar-button-primary-text-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-emerald .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-emerald .bar-button-primary-text-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-emerald .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-emerald .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-emerald .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-emerald .bar-button-white-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-white,
.toolbar-ios-emerald .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-emerald .bar-button-white-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-emerald .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-emerald .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-emerald .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-emerald .bar-button-success-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-success,
.toolbar-ios-emerald .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-emerald .bar-button-success-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-emerald .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-emerald .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-emerald .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-emerald .bar-button-info-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-info,
.toolbar-ios-emerald .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-emerald .bar-button-info-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-emerald .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-emerald .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-emerald .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-emerald .bar-button-warning-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-warning,
.toolbar-ios-emerald .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-emerald .bar-button-warning-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-emerald .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-emerald .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-emerald .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-emerald .bar-button-danger-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-danger,
.toolbar-ios-emerald .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-emerald .bar-button-danger-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-emerald .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-emerald .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-emerald .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-emerald .bar-button-tam-ios,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-tam,
.toolbar-ios-emerald .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-emerald .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-emerald .bar-button-tam-ios.activated,
.toolbar-ios-emerald .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-emerald .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-emerald .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-emerald .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-emerald .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-emerald .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-emerald-ios,
.bar-button-default.bar-button-ios-emerald,
.bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.bar-button-emerald-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.bar-button-emerald-ios.activated,
.bar-button-default.bar-button-ios-emerald.activated,
.bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-concrete .toolbar-background-ios {
  background: #bdc3c7;
}

.toolbar-ios-concrete .toolbar-title-ios,
.toolbar-ios-concrete .bar-button-clear-ios,
.toolbar-ios-concrete .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-concrete .bar-button-primary-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-primary,
.toolbar-ios-concrete .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-concrete .bar-button-primary-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-concrete .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-concrete .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-concrete .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-concrete .bar-button-secondary-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-concrete .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-concrete .bar-button-secondary-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-concrete .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-concrete .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-concrete .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-concrete .bar-button-danger-low-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-concrete .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-concrete .bar-button-danger-low-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-concrete .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-concrete .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-concrete .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-concrete .bar-button-light-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-light,
.toolbar-ios-concrete .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-concrete .bar-button-light-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-concrete .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-concrete .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-concrete .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-concrete .bar-button-dark-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-dark,
.toolbar-ios-concrete .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-concrete .bar-button-dark-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-concrete .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-concrete .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-concrete .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-concrete .bar-button-favorite-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-concrete .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-concrete .bar-button-favorite-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-concrete .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-concrete .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-concrete .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-concrete .bar-button-darkgrey-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-concrete .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-concrete .bar-button-darkgrey-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-concrete .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-concrete .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-concrete .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-concrete .bar-button-emerald-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-concrete .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-concrete .bar-button-emerald-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-concrete .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-concrete .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-concrete .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-concrete .bar-button-concrete-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-concrete .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-concrete .bar-button-concrete-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-concrete .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-concrete .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-concrete .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-concrete .bar-button-yellow-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-concrete .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-concrete .bar-button-yellow-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-concrete .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-concrete .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-concrete .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-concrete .bar-button-black-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-black,
.toolbar-ios-concrete .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-concrete .bar-button-black-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-concrete .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-concrete .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-concrete .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-concrete .bar-button-grey-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-grey,
.toolbar-ios-concrete .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-concrete .bar-button-grey-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-concrete .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-concrete .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-concrete .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-concrete .bar-button-red-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-red,
.toolbar-ios-concrete .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-concrete .bar-button-red-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-concrete .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-concrete .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-concrete .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-concrete .bar-button-notif-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-notif,
.toolbar-ios-concrete .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-concrete .bar-button-notif-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-concrete .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-concrete .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-concrete .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-concrete .bar-button-new-badge-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-concrete .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-concrete .bar-button-new-badge-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-concrete .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-concrete .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-concrete .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-concrete .bar-button-accent-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-accent,
.toolbar-ios-concrete .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-concrete .bar-button-accent-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-concrete .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-concrete .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-concrete .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-concrete .bar-button-skeleton-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-concrete .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-concrete .bar-button-skeleton-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-concrete .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-concrete .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-concrete .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-concrete .bar-button-outline-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-outline,
.toolbar-ios-concrete .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-concrete .bar-button-outline-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-concrete .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-concrete .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-concrete .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-concrete .bar-button-secondary-text-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-concrete .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-concrete .bar-button-secondary-text-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-concrete .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-concrete .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-concrete .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-concrete .bar-button-text-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-text,
.toolbar-ios-concrete .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-concrete .bar-button-text-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-concrete .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-concrete .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-concrete .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-concrete .bar-button-label-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-label,
.toolbar-ios-concrete .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-concrete .bar-button-label-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-concrete .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-concrete .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-concrete .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-concrete .bar-button-hover-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-hover,
.toolbar-ios-concrete .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-concrete .bar-button-hover-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-concrete .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-concrete .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-concrete .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-concrete .bar-button-hover-dark-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-concrete .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-concrete .bar-button-hover-dark-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-concrete .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-concrete .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-concrete .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-concrete .bar-button-bgcard-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-concrete .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-concrete .bar-button-bgcard-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-concrete .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-concrete .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-concrete .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-concrete .bar-button-bgcard2-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-concrete .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-concrete .bar-button-bgcard2-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-concrete .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-concrete .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-concrete .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-concrete .bar-button-bglabel-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-concrete .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-concrete .bar-button-bglabel-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-concrete .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-concrete .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-concrete .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-concrete .bar-button-primary-light-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-concrete .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-concrete .bar-button-primary-light-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-concrete .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-concrete .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-concrete .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-concrete .bar-button-bgicon-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-concrete .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-concrete .bar-button-bgicon-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-concrete .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-concrete .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-concrete .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-concrete .bar-button-primary-text-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-concrete .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-concrete .bar-button-primary-text-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-concrete .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-concrete .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-concrete .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-concrete .bar-button-white-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-white,
.toolbar-ios-concrete .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-concrete .bar-button-white-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-concrete .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-concrete .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-concrete .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-concrete .bar-button-success-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-success,
.toolbar-ios-concrete .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-concrete .bar-button-success-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-concrete .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-concrete .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-concrete .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-concrete .bar-button-info-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-info,
.toolbar-ios-concrete .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-concrete .bar-button-info-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-concrete .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-concrete .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-concrete .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-concrete .bar-button-warning-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-warning,
.toolbar-ios-concrete .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-concrete .bar-button-warning-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-concrete .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-concrete .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-concrete .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-concrete .bar-button-danger-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-danger,
.toolbar-ios-concrete .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-concrete .bar-button-danger-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-concrete .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-concrete .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-concrete .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-concrete .bar-button-tam-ios,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-tam,
.toolbar-ios-concrete .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-concrete .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-concrete .bar-button-tam-ios.activated,
.toolbar-ios-concrete .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-concrete .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-concrete .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-concrete .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-concrete .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-concrete .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-concrete-ios,
.bar-button-default.bar-button-ios-concrete,
.bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.bar-button-concrete-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.bar-button-concrete-ios.activated,
.bar-button-default.bar-button-ios-concrete.activated,
.bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-yellow .toolbar-background-ios {
  background: #ffff00;
}

.toolbar-ios-yellow .toolbar-title-ios,
.toolbar-ios-yellow .bar-button-clear-ios,
.toolbar-ios-yellow .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-yellow .bar-button-primary-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-primary,
.toolbar-ios-yellow .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-yellow .bar-button-primary-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-yellow .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-yellow .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-yellow .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-yellow .bar-button-secondary-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-yellow .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-yellow .bar-button-secondary-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-yellow .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-yellow .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-yellow .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-yellow .bar-button-danger-low-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-yellow .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-yellow .bar-button-danger-low-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-yellow .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-yellow .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-yellow .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-yellow .bar-button-light-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-light,
.toolbar-ios-yellow .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-yellow .bar-button-light-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-yellow .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-yellow .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-yellow .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-yellow .bar-button-dark-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-dark,
.toolbar-ios-yellow .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-yellow .bar-button-dark-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-yellow .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-yellow .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-yellow .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-yellow .bar-button-favorite-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-yellow .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-yellow .bar-button-favorite-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-yellow .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-yellow .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-yellow .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-yellow .bar-button-darkgrey-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-yellow .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-yellow .bar-button-darkgrey-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-yellow .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-yellow .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-yellow .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-yellow .bar-button-emerald-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-yellow .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-yellow .bar-button-emerald-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-yellow .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-yellow .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-yellow .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-yellow .bar-button-concrete-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-yellow .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-yellow .bar-button-concrete-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-yellow .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-yellow .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-yellow .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-yellow .bar-button-yellow-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-yellow .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-yellow .bar-button-yellow-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-yellow .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-yellow .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-yellow .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-yellow .bar-button-black-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-black,
.toolbar-ios-yellow .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-yellow .bar-button-black-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-yellow .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-yellow .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-yellow .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-yellow .bar-button-grey-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-grey,
.toolbar-ios-yellow .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-yellow .bar-button-grey-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-yellow .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-yellow .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-yellow .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-yellow .bar-button-red-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-red,
.toolbar-ios-yellow .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-yellow .bar-button-red-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-yellow .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-yellow .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-yellow .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-yellow .bar-button-notif-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-notif,
.toolbar-ios-yellow .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-yellow .bar-button-notif-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-yellow .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-yellow .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-yellow .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-yellow .bar-button-new-badge-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-yellow .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-yellow .bar-button-new-badge-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-yellow .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-yellow .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-yellow .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-yellow .bar-button-accent-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-accent,
.toolbar-ios-yellow .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-yellow .bar-button-accent-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-yellow .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-yellow .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-yellow .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-yellow .bar-button-skeleton-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-yellow .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-yellow .bar-button-skeleton-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-yellow .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-yellow .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-yellow .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-yellow .bar-button-outline-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-outline,
.toolbar-ios-yellow .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-yellow .bar-button-outline-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-yellow .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-yellow .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-yellow .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-yellow .bar-button-secondary-text-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-yellow .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-yellow .bar-button-secondary-text-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-yellow .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-yellow .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-yellow .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-yellow .bar-button-text-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-text,
.toolbar-ios-yellow .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-yellow .bar-button-text-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-yellow .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-yellow .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-yellow .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-yellow .bar-button-label-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-label,
.toolbar-ios-yellow .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-yellow .bar-button-label-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-yellow .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-yellow .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-yellow .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-yellow .bar-button-hover-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-hover,
.toolbar-ios-yellow .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-yellow .bar-button-hover-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-yellow .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-yellow .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-yellow .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-yellow .bar-button-hover-dark-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-yellow .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-yellow .bar-button-hover-dark-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-yellow .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-yellow .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-yellow .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-yellow .bar-button-bgcard-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-yellow .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-yellow .bar-button-bgcard-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-yellow .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-yellow .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-yellow .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-yellow .bar-button-bgcard2-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-yellow .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-yellow .bar-button-bgcard2-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-yellow .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-yellow .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-yellow .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-yellow .bar-button-bglabel-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-yellow .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-yellow .bar-button-bglabel-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-yellow .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-yellow .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-yellow .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-yellow .bar-button-primary-light-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-yellow .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-yellow .bar-button-primary-light-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-yellow .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-yellow .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-yellow .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-yellow .bar-button-bgicon-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-yellow .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-yellow .bar-button-bgicon-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-yellow .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-yellow .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-yellow .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-yellow .bar-button-primary-text-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-yellow .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-yellow .bar-button-primary-text-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-yellow .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-yellow .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-yellow .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-yellow .bar-button-white-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-white,
.toolbar-ios-yellow .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-yellow .bar-button-white-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-yellow .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-yellow .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-yellow .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-yellow .bar-button-success-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-success,
.toolbar-ios-yellow .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-yellow .bar-button-success-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-yellow .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-yellow .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-yellow .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-yellow .bar-button-info-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-info,
.toolbar-ios-yellow .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-yellow .bar-button-info-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-yellow .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-yellow .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-yellow .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-yellow .bar-button-warning-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-warning,
.toolbar-ios-yellow .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-yellow .bar-button-warning-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-yellow .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-yellow .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-yellow .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-yellow .bar-button-danger-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-danger,
.toolbar-ios-yellow .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-yellow .bar-button-danger-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-yellow .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-yellow .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-yellow .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-yellow .bar-button-tam-ios,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-tam,
.toolbar-ios-yellow .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-yellow .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-yellow .bar-button-tam-ios.activated,
.toolbar-ios-yellow .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-yellow .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-yellow .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-yellow .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-yellow .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-yellow .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-yellow-ios,
.bar-button-default.bar-button-ios-yellow,
.bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.bar-button-yellow-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.bar-button-yellow-ios.activated,
.bar-button-default.bar-button-ios-yellow.activated,
.bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-black .toolbar-background-ios {
  background: #000000;
}

.toolbar-ios-black .toolbar-title-ios,
.toolbar-ios-black .bar-button-clear-ios,
.toolbar-ios-black .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-black .bar-button-primary-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-primary,
.toolbar-ios-black .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-black .bar-button-primary-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-black .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-black .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-black .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-black .bar-button-secondary-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-black .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-black .bar-button-secondary-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-black .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-black .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-black .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-black .bar-button-danger-low-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-black .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-black .bar-button-danger-low-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-black .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-black .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-black .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-black .bar-button-light-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-light,
.toolbar-ios-black .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-black .bar-button-light-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-black .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-black .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-black .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-black .bar-button-dark-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-dark,
.toolbar-ios-black .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-black .bar-button-dark-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-black .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-black .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-black .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-black .bar-button-favorite-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-black .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-black .bar-button-favorite-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-black .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-black .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-black .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-black .bar-button-darkgrey-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-black .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-black .bar-button-darkgrey-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-black .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-black .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-black .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-black .bar-button-emerald-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-black .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-black .bar-button-emerald-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-black .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-black .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-black .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-black .bar-button-concrete-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-black .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-black .bar-button-concrete-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-black .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-black .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-black .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-black .bar-button-yellow-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-black .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-black .bar-button-yellow-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-black .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-black .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-black .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-black .bar-button-black-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-black,
.toolbar-ios-black .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-black .bar-button-black-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-black .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-black .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-black .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-black .bar-button-grey-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-grey,
.toolbar-ios-black .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-black .bar-button-grey-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-black .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-black .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-black .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-black .bar-button-red-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-red,
.toolbar-ios-black .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-black .bar-button-red-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-black .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-black .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-black .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-black .bar-button-notif-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-notif,
.toolbar-ios-black .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-black .bar-button-notif-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-black .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-black .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-black .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-black .bar-button-new-badge-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-black .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-black .bar-button-new-badge-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-black .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-black .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-black .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-black .bar-button-accent-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-accent,
.toolbar-ios-black .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-black .bar-button-accent-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-black .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-black .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-black .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-black .bar-button-skeleton-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-black .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-black .bar-button-skeleton-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-black .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-black .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-black .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-black .bar-button-outline-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-outline,
.toolbar-ios-black .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-black .bar-button-outline-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-black .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-black .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-black .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-black .bar-button-secondary-text-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-black .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-black .bar-button-secondary-text-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-black .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-black .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-black .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-black .bar-button-text-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-text,
.toolbar-ios-black .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-black .bar-button-text-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-black .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-black .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-black .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-black .bar-button-label-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-label,
.toolbar-ios-black .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-black .bar-button-label-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-black .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-black .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-black .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-black .bar-button-hover-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-hover,
.toolbar-ios-black .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-black .bar-button-hover-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-black .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-black .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-black .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-black .bar-button-hover-dark-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-black .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-black .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-black .bar-button-hover-dark-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-black .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-black .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-black .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-black .bar-button-bgcard-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-black .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-black .bar-button-bgcard-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-black .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-black .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-black .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-black .bar-button-bgcard2-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-black .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-black .bar-button-bgcard2-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-black .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-black .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-black .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-black .bar-button-bglabel-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-black .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-black .bar-button-bglabel-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-black .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-black .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-black .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-black .bar-button-primary-light-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-black .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-black .bar-button-primary-light-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-black .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-black .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-black .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-black .bar-button-bgicon-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-black .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-black .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-black .bar-button-bgicon-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-black .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-black .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-black .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-black .bar-button-primary-text-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-black .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-black .bar-button-primary-text-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-black .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-black .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-black .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-black .bar-button-white-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-white,
.toolbar-ios-black .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-black .bar-button-white-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-black .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-black .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-black .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-black .bar-button-success-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-success,
.toolbar-ios-black .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-black .bar-button-success-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-black .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-black .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-black .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-black .bar-button-info-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-info,
.toolbar-ios-black .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-black .bar-button-info-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-black .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-black .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-black .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-black .bar-button-warning-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-warning,
.toolbar-ios-black .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-black .bar-button-warning-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-black .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-black .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-black .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-black .bar-button-danger-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-danger,
.toolbar-ios-black .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-black .bar-button-danger-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-black .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-black .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-black .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-black .bar-button-tam-ios,
.toolbar-ios-black .bar-button-default.bar-button-ios-tam,
.toolbar-ios-black .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-black .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-black .bar-button-tam-ios.activated,
.toolbar-ios-black .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-black .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-black .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-black .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-black .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-black .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-black-ios,
.bar-button-default.bar-button-ios-black,
.bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.bar-button-black-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.bar-button-black-ios.activated,
.bar-button-default.bar-button-ios-black.activated,
.bar-button-clear-ios-black.activated {
  opacity: .4;
}

.bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-grey .toolbar-background-ios {
  background: #808080;
}

.toolbar-ios-grey .toolbar-title-ios,
.toolbar-ios-grey .bar-button-clear-ios,
.toolbar-ios-grey .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-grey .bar-button-primary-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary,
.toolbar-ios-grey .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-grey .bar-button-primary-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-grey .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-grey .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-grey .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-grey .bar-button-secondary-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-grey .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-grey .bar-button-secondary-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-grey .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-grey .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-grey .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-grey .bar-button-danger-low-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-grey .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-grey .bar-button-danger-low-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-grey .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-grey .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-grey .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-grey .bar-button-light-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-light,
.toolbar-ios-grey .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-grey .bar-button-light-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-grey .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-grey .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-grey .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-grey .bar-button-dark-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-dark,
.toolbar-ios-grey .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-grey .bar-button-dark-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-grey .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-grey .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-grey .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-grey .bar-button-favorite-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-grey .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-grey .bar-button-favorite-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-grey .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-grey .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-grey .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-grey .bar-button-darkgrey-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-grey .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-grey .bar-button-darkgrey-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-grey .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-grey .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-grey .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-grey .bar-button-emerald-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-grey .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-grey .bar-button-emerald-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-grey .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-grey .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-grey .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-grey .bar-button-concrete-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-grey .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-grey .bar-button-concrete-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-grey .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-grey .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-grey .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-grey .bar-button-yellow-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-grey .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-grey .bar-button-yellow-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-grey .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-grey .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-grey .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-grey .bar-button-black-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-black,
.toolbar-ios-grey .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-grey .bar-button-black-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-grey .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-grey .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-grey .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-grey .bar-button-grey-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-grey,
.toolbar-ios-grey .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-grey .bar-button-grey-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-grey .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-grey .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-grey .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-grey .bar-button-red-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-red,
.toolbar-ios-grey .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-grey .bar-button-red-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-grey .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-grey .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-grey .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-grey .bar-button-notif-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-notif,
.toolbar-ios-grey .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-grey .bar-button-notif-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-grey .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-grey .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-grey .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-grey .bar-button-new-badge-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-grey .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-grey .bar-button-new-badge-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-grey .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-grey .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-grey .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-grey .bar-button-accent-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-accent,
.toolbar-ios-grey .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-grey .bar-button-accent-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-grey .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-grey .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-grey .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-grey .bar-button-skeleton-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-grey .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-grey .bar-button-skeleton-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-grey .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-grey .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-grey .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-grey .bar-button-outline-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-outline,
.toolbar-ios-grey .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-grey .bar-button-outline-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-grey .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-grey .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-grey .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-grey .bar-button-secondary-text-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-grey .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-grey .bar-button-secondary-text-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-grey .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-grey .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-grey .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-grey .bar-button-text-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-text,
.toolbar-ios-grey .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-grey .bar-button-text-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-grey .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-grey .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-grey .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-grey .bar-button-label-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-label,
.toolbar-ios-grey .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-grey .bar-button-label-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-grey .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-grey .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-grey .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-grey .bar-button-hover-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-hover,
.toolbar-ios-grey .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-grey .bar-button-hover-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-grey .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-grey .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-grey .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-grey .bar-button-hover-dark-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-grey .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-grey .bar-button-hover-dark-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-grey .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-grey .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-grey .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-grey .bar-button-bgcard-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-grey .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-grey .bar-button-bgcard-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-grey .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-grey .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-grey .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-grey .bar-button-bgcard2-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-grey .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-grey .bar-button-bgcard2-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-grey .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-grey .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-grey .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-grey .bar-button-bglabel-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-grey .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-grey .bar-button-bglabel-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-grey .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-grey .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-grey .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-grey .bar-button-primary-light-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-grey .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-grey .bar-button-primary-light-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-grey .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-grey .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-grey .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-grey .bar-button-bgicon-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-grey .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-grey .bar-button-bgicon-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-grey .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-grey .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-grey .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-grey .bar-button-primary-text-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-grey .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-grey .bar-button-primary-text-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-grey .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-grey .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-grey .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-grey .bar-button-white-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-white,
.toolbar-ios-grey .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-grey .bar-button-white-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-grey .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-grey .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-grey .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-grey .bar-button-success-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-success,
.toolbar-ios-grey .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-grey .bar-button-success-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-grey .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-grey .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-grey .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-grey .bar-button-info-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-info,
.toolbar-ios-grey .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-grey .bar-button-info-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-grey .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-grey .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-grey .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-grey .bar-button-warning-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-warning,
.toolbar-ios-grey .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-grey .bar-button-warning-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-grey .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-grey .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-grey .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-grey .bar-button-danger-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-danger,
.toolbar-ios-grey .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-grey .bar-button-danger-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-grey .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-grey .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-grey .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-grey .bar-button-tam-ios,
.toolbar-ios-grey .bar-button-default.bar-button-ios-tam,
.toolbar-ios-grey .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-grey .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-grey .bar-button-tam-ios.activated,
.toolbar-ios-grey .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-grey .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-grey .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-grey .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-grey .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-grey .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-grey-ios,
.bar-button-default.bar-button-ios-grey,
.bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.bar-button-grey-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.bar-button-grey-ios.activated,
.bar-button-default.bar-button-ios-grey.activated,
.bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-red .toolbar-background-ios {
  background: #ed4956;
}

.toolbar-ios-red .toolbar-title-ios,
.toolbar-ios-red .bar-button-clear-ios,
.toolbar-ios-red .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-red .bar-button-primary-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-primary,
.toolbar-ios-red .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-red .bar-button-primary-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-red .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-red .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-red .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-red .bar-button-secondary-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-red .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-red .bar-button-secondary-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-red .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-red .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-red .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-red .bar-button-danger-low-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-red .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-red .bar-button-danger-low-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-red .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-red .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-red .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-red .bar-button-light-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-light,
.toolbar-ios-red .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-red .bar-button-light-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-red .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-red .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-red .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-red .bar-button-dark-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-dark,
.toolbar-ios-red .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-red .bar-button-dark-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-red .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-red .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-red .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-red .bar-button-favorite-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-red .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-red .bar-button-favorite-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-red .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-red .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-red .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-red .bar-button-darkgrey-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-red .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-red .bar-button-darkgrey-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-red .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-red .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-red .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-red .bar-button-emerald-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-red .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-red .bar-button-emerald-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-red .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-red .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-red .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-red .bar-button-concrete-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-red .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-red .bar-button-concrete-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-red .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-red .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-red .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-red .bar-button-yellow-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-red .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-red .bar-button-yellow-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-red .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-red .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-red .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-red .bar-button-black-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-black,
.toolbar-ios-red .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-red .bar-button-black-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-red .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-red .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-red .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-red .bar-button-grey-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-grey,
.toolbar-ios-red .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-red .bar-button-grey-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-red .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-red .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-red .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-red .bar-button-red-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-red,
.toolbar-ios-red .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-red .bar-button-red-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-red .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-red .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-red .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-red .bar-button-notif-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-notif,
.toolbar-ios-red .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-red .bar-button-notif-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-red .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-red .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-red .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-red .bar-button-new-badge-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-red .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-red .bar-button-new-badge-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-red .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-red .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-red .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-red .bar-button-accent-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-accent,
.toolbar-ios-red .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-red .bar-button-accent-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-red .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-red .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-red .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-red .bar-button-skeleton-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-red .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-red .bar-button-skeleton-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-red .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-red .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-red .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-red .bar-button-outline-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-outline,
.toolbar-ios-red .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-red .bar-button-outline-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-red .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-red .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-red .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-red .bar-button-secondary-text-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-red .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-red .bar-button-secondary-text-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-red .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-red .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-red .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-red .bar-button-text-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-text,
.toolbar-ios-red .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-red .bar-button-text-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-red .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-red .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-red .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-red .bar-button-label-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-label,
.toolbar-ios-red .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-red .bar-button-label-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-red .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-red .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-red .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-red .bar-button-hover-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-hover,
.toolbar-ios-red .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-red .bar-button-hover-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-red .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-red .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-red .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-red .bar-button-hover-dark-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-red .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-red .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-red .bar-button-hover-dark-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-red .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-red .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-red .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-red .bar-button-bgcard-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-red .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-red .bar-button-bgcard-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-red .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-red .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-red .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-red .bar-button-bgcard2-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-red .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-red .bar-button-bgcard2-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-red .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-red .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-red .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-red .bar-button-bglabel-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-red .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-red .bar-button-bglabel-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-red .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-red .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-red .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-red .bar-button-primary-light-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-red .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-red .bar-button-primary-light-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-red .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-red .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-red .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-red .bar-button-bgicon-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-red .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-red .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-red .bar-button-bgicon-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-red .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-red .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-red .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-red .bar-button-primary-text-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-red .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-red .bar-button-primary-text-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-red .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-red .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-red .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-red .bar-button-white-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-white,
.toolbar-ios-red .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-red .bar-button-white-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-red .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-red .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-red .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-red .bar-button-success-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-success,
.toolbar-ios-red .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-red .bar-button-success-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-red .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-red .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-red .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-red .bar-button-info-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-info,
.toolbar-ios-red .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-red .bar-button-info-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-red .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-red .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-red .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-red .bar-button-warning-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-warning,
.toolbar-ios-red .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-red .bar-button-warning-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-red .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-red .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-red .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-red .bar-button-danger-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-danger,
.toolbar-ios-red .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-red .bar-button-danger-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-red .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-red .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-red .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-red .bar-button-tam-ios,
.toolbar-ios-red .bar-button-default.bar-button-ios-tam,
.toolbar-ios-red .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-red .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-red .bar-button-tam-ios.activated,
.toolbar-ios-red .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-red .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-red .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-red .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-red .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-red .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-red-ios,
.bar-button-default.bar-button-ios-red,
.bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.bar-button-red-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.bar-button-red-ios.activated,
.bar-button-default.bar-button-ios-red.activated,
.bar-button-clear-ios-red.activated {
  opacity: .4;
}

.bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-notif .toolbar-background-ios {
  background: #17DFC4;
}

.toolbar-ios-notif .toolbar-title-ios,
.toolbar-ios-notif .bar-button-clear-ios,
.toolbar-ios-notif .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-notif .bar-button-primary-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-primary,
.toolbar-ios-notif .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-notif .bar-button-primary-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-notif .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-notif .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-notif .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-notif .bar-button-secondary-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-notif .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-notif .bar-button-secondary-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-notif .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-notif .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-notif .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-notif .bar-button-danger-low-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-notif .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-notif .bar-button-danger-low-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-notif .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-notif .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-notif .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-notif .bar-button-light-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-light,
.toolbar-ios-notif .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-notif .bar-button-light-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-notif .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-notif .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-notif .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-notif .bar-button-dark-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-dark,
.toolbar-ios-notif .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-notif .bar-button-dark-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-notif .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-notif .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-notif .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-notif .bar-button-favorite-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-notif .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-notif .bar-button-favorite-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-notif .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-notif .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-notif .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-notif .bar-button-darkgrey-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-notif .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-notif .bar-button-darkgrey-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-notif .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-notif .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-notif .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-notif .bar-button-emerald-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-notif .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-notif .bar-button-emerald-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-notif .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-notif .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-notif .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-notif .bar-button-concrete-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-notif .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-notif .bar-button-concrete-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-notif .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-notif .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-notif .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-notif .bar-button-yellow-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-notif .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-notif .bar-button-yellow-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-notif .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-notif .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-notif .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-notif .bar-button-black-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-black,
.toolbar-ios-notif .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-notif .bar-button-black-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-notif .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-notif .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-notif .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-notif .bar-button-grey-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-grey,
.toolbar-ios-notif .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-notif .bar-button-grey-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-notif .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-notif .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-notif .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-notif .bar-button-red-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-red,
.toolbar-ios-notif .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-notif .bar-button-red-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-notif .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-notif .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-notif .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-notif .bar-button-notif-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-notif,
.toolbar-ios-notif .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-notif .bar-button-notif-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-notif .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-notif .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-notif .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-notif .bar-button-new-badge-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-notif .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-notif .bar-button-new-badge-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-notif .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-notif .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-notif .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-notif .bar-button-accent-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-accent,
.toolbar-ios-notif .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-notif .bar-button-accent-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-notif .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-notif .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-notif .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-notif .bar-button-skeleton-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-notif .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-notif .bar-button-skeleton-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-notif .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-notif .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-notif .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-notif .bar-button-outline-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-outline,
.toolbar-ios-notif .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-notif .bar-button-outline-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-notif .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-notif .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-notif .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-notif .bar-button-secondary-text-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-notif .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-notif .bar-button-secondary-text-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-notif .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-notif .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-notif .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-notif .bar-button-text-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-text,
.toolbar-ios-notif .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-notif .bar-button-text-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-notif .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-notif .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-notif .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-notif .bar-button-label-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-label,
.toolbar-ios-notif .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-notif .bar-button-label-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-notif .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-notif .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-notif .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-notif .bar-button-hover-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-hover,
.toolbar-ios-notif .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-notif .bar-button-hover-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-notif .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-notif .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-notif .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-notif .bar-button-hover-dark-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-notif .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-notif .bar-button-hover-dark-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-notif .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-notif .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-notif .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-notif .bar-button-bgcard-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-notif .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-notif .bar-button-bgcard-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-notif .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-notif .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-notif .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-notif .bar-button-bgcard2-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-notif .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-notif .bar-button-bgcard2-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-notif .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-notif .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-notif .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-notif .bar-button-bglabel-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-notif .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-notif .bar-button-bglabel-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-notif .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-notif .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-notif .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-notif .bar-button-primary-light-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-notif .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-notif .bar-button-primary-light-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-notif .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-notif .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-notif .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-notif .bar-button-bgicon-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-notif .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-notif .bar-button-bgicon-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-notif .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-notif .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-notif .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-notif .bar-button-primary-text-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-notif .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-notif .bar-button-primary-text-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-notif .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-notif .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-notif .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-notif .bar-button-white-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-white,
.toolbar-ios-notif .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-notif .bar-button-white-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-notif .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-notif .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-notif .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-notif .bar-button-success-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-success,
.toolbar-ios-notif .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-notif .bar-button-success-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-notif .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-notif .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-notif .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-notif .bar-button-info-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-info,
.toolbar-ios-notif .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-notif .bar-button-info-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-notif .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-notif .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-notif .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-notif .bar-button-warning-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-warning,
.toolbar-ios-notif .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-notif .bar-button-warning-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-notif .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-notif .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-notif .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-notif .bar-button-danger-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-danger,
.toolbar-ios-notif .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-notif .bar-button-danger-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-notif .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-notif .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-notif .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-notif .bar-button-tam-ios,
.toolbar-ios-notif .bar-button-default.bar-button-ios-tam,
.toolbar-ios-notif .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-notif .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-notif .bar-button-tam-ios.activated,
.toolbar-ios-notif .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-notif .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-notif .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-notif .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-notif .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-notif .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-notif-ios,
.bar-button-default.bar-button-ios-notif,
.bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.bar-button-notif-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.bar-button-notif-ios.activated,
.bar-button-default.bar-button-ios-notif.activated,
.bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-new-badge .toolbar-background-ios {
  background: #63BEFB;
}

.toolbar-ios-new-badge .toolbar-title-ios,
.toolbar-ios-new-badge .bar-button-clear-ios,
.toolbar-ios-new-badge .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-new-badge .bar-button-primary-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-primary,
.toolbar-ios-new-badge .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-new-badge .bar-button-primary-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-new-badge .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-new-badge .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-new-badge .bar-button-secondary-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-new-badge .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-new-badge .bar-button-secondary-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-new-badge .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-new-badge .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-new-badge .bar-button-danger-low-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-new-badge .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-new-badge .bar-button-danger-low-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-new-badge .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-new-badge .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-new-badge .bar-button-light-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-light,
.toolbar-ios-new-badge .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-new-badge .bar-button-light-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-new-badge .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-new-badge .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-new-badge .bar-button-dark-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-dark,
.toolbar-ios-new-badge .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-new-badge .bar-button-dark-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-new-badge .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-new-badge .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-new-badge .bar-button-favorite-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-new-badge .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-new-badge .bar-button-favorite-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-new-badge .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-new-badge .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-new-badge .bar-button-darkgrey-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-new-badge .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-new-badge .bar-button-darkgrey-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-new-badge .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-new-badge .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-new-badge .bar-button-emerald-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-new-badge .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-new-badge .bar-button-emerald-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-new-badge .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-new-badge .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-new-badge .bar-button-concrete-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-new-badge .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-new-badge .bar-button-concrete-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-new-badge .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-new-badge .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-new-badge .bar-button-yellow-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-new-badge .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-new-badge .bar-button-yellow-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-new-badge .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-new-badge .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-new-badge .bar-button-black-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-black,
.toolbar-ios-new-badge .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-new-badge .bar-button-black-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-new-badge .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-new-badge .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-new-badge .bar-button-grey-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-grey,
.toolbar-ios-new-badge .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-new-badge .bar-button-grey-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-new-badge .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-new-badge .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-new-badge .bar-button-red-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-red,
.toolbar-ios-new-badge .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-new-badge .bar-button-red-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-new-badge .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-new-badge .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-new-badge .bar-button-notif-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-notif,
.toolbar-ios-new-badge .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-new-badge .bar-button-notif-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-new-badge .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-new-badge .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-new-badge .bar-button-new-badge-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-new-badge .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-new-badge .bar-button-new-badge-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-new-badge .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-new-badge .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-new-badge .bar-button-accent-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-accent,
.toolbar-ios-new-badge .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-new-badge .bar-button-accent-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-new-badge .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-new-badge .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-new-badge .bar-button-skeleton-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-new-badge .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-new-badge .bar-button-skeleton-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-new-badge .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-new-badge .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-new-badge .bar-button-outline-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-outline,
.toolbar-ios-new-badge .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-new-badge .bar-button-outline-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-new-badge .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-new-badge .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-new-badge .bar-button-secondary-text-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-new-badge .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-new-badge .bar-button-secondary-text-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-new-badge .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-new-badge .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-new-badge .bar-button-text-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-text,
.toolbar-ios-new-badge .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-new-badge .bar-button-text-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-new-badge .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-new-badge .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-new-badge .bar-button-label-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-label,
.toolbar-ios-new-badge .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-new-badge .bar-button-label-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-new-badge .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-new-badge .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-new-badge .bar-button-hover-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-hover,
.toolbar-ios-new-badge .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-new-badge .bar-button-hover-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-new-badge .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-new-badge .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-new-badge .bar-button-hover-dark-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-new-badge .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-new-badge .bar-button-hover-dark-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-new-badge .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-new-badge .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-new-badge .bar-button-bgcard-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-new-badge .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-new-badge .bar-button-bgcard-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-new-badge .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-new-badge .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-new-badge .bar-button-bgcard2-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-new-badge .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-new-badge .bar-button-bgcard2-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-new-badge .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-new-badge .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-new-badge .bar-button-bglabel-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-new-badge .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-new-badge .bar-button-bglabel-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-new-badge .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-new-badge .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-new-badge .bar-button-primary-light-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-new-badge .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-new-badge .bar-button-primary-light-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-new-badge .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-new-badge .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-new-badge .bar-button-bgicon-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-new-badge .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-new-badge .bar-button-bgicon-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-new-badge .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-new-badge .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-new-badge .bar-button-primary-text-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-new-badge .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-new-badge .bar-button-primary-text-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-new-badge .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-new-badge .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-new-badge .bar-button-white-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-white,
.toolbar-ios-new-badge .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-new-badge .bar-button-white-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-new-badge .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-new-badge .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-new-badge .bar-button-success-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-success,
.toolbar-ios-new-badge .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-new-badge .bar-button-success-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-new-badge .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-new-badge .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-new-badge .bar-button-info-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-info,
.toolbar-ios-new-badge .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-new-badge .bar-button-info-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-new-badge .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-new-badge .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-new-badge .bar-button-warning-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-warning,
.toolbar-ios-new-badge .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-new-badge .bar-button-warning-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-new-badge .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-new-badge .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-new-badge .bar-button-danger-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-danger,
.toolbar-ios-new-badge .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-new-badge .bar-button-danger-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-new-badge .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-new-badge .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-new-badge .bar-button-tam-ios,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-tam,
.toolbar-ios-new-badge .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-new-badge .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-new-badge .bar-button-tam-ios.activated,
.toolbar-ios-new-badge .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-new-badge .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-new-badge .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-new-badge .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-new-badge .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-new-badge .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-new-badge-ios,
.bar-button-default.bar-button-ios-new-badge,
.bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.bar-button-new-badge-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.bar-button-new-badge-ios.activated,
.bar-button-default.bar-button-ios-new-badge.activated,
.bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-accent .toolbar-background-ios {
  background: #63BEFB;
}

.toolbar-ios-accent .toolbar-title-ios,
.toolbar-ios-accent .bar-button-clear-ios,
.toolbar-ios-accent .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-accent .bar-button-primary-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-primary,
.toolbar-ios-accent .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-accent .bar-button-primary-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-accent .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-accent .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-accent .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-accent .bar-button-secondary-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-accent .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-accent .bar-button-secondary-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-accent .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-accent .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-accent .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-accent .bar-button-danger-low-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-accent .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-accent .bar-button-danger-low-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-accent .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-accent .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-accent .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-accent .bar-button-light-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-light,
.toolbar-ios-accent .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-accent .bar-button-light-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-accent .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-accent .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-accent .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-accent .bar-button-dark-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-dark,
.toolbar-ios-accent .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-accent .bar-button-dark-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-accent .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-accent .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-accent .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-accent .bar-button-favorite-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-accent .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-accent .bar-button-favorite-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-accent .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-accent .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-accent .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-accent .bar-button-darkgrey-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-accent .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-accent .bar-button-darkgrey-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-accent .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-accent .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-accent .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-accent .bar-button-emerald-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-accent .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-accent .bar-button-emerald-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-accent .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-accent .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-accent .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-accent .bar-button-concrete-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-accent .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-accent .bar-button-concrete-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-accent .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-accent .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-accent .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-accent .bar-button-yellow-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-accent .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-accent .bar-button-yellow-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-accent .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-accent .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-accent .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-accent .bar-button-black-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-black,
.toolbar-ios-accent .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-accent .bar-button-black-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-accent .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-accent .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-accent .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-accent .bar-button-grey-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-grey,
.toolbar-ios-accent .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-accent .bar-button-grey-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-accent .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-accent .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-accent .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-accent .bar-button-red-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-red,
.toolbar-ios-accent .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-accent .bar-button-red-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-accent .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-accent .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-accent .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-accent .bar-button-notif-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-notif,
.toolbar-ios-accent .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-accent .bar-button-notif-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-accent .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-accent .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-accent .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-accent .bar-button-new-badge-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-accent .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-accent .bar-button-new-badge-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-accent .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-accent .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-accent .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-accent .bar-button-accent-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-accent,
.toolbar-ios-accent .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-accent .bar-button-accent-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-accent .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-accent .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-accent .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-accent .bar-button-skeleton-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-accent .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-accent .bar-button-skeleton-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-accent .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-accent .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-accent .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-accent .bar-button-outline-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-outline,
.toolbar-ios-accent .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-accent .bar-button-outline-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-accent .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-accent .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-accent .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-accent .bar-button-secondary-text-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-accent .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-accent .bar-button-secondary-text-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-accent .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-accent .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-accent .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-accent .bar-button-text-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-text,
.toolbar-ios-accent .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-accent .bar-button-text-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-accent .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-accent .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-accent .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-accent .bar-button-label-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-label,
.toolbar-ios-accent .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-accent .bar-button-label-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-accent .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-accent .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-accent .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-accent .bar-button-hover-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-hover,
.toolbar-ios-accent .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-accent .bar-button-hover-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-accent .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-accent .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-accent .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-accent .bar-button-hover-dark-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-accent .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-accent .bar-button-hover-dark-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-accent .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-accent .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-accent .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-accent .bar-button-bgcard-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-accent .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-accent .bar-button-bgcard-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-accent .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-accent .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-accent .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-accent .bar-button-bgcard2-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-accent .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-accent .bar-button-bgcard2-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-accent .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-accent .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-accent .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-accent .bar-button-bglabel-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-accent .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-accent .bar-button-bglabel-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-accent .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-accent .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-accent .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-accent .bar-button-primary-light-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-accent .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-accent .bar-button-primary-light-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-accent .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-accent .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-accent .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-accent .bar-button-bgicon-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-accent .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-accent .bar-button-bgicon-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-accent .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-accent .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-accent .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-accent .bar-button-primary-text-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-accent .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-accent .bar-button-primary-text-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-accent .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-accent .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-accent .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-accent .bar-button-white-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-white,
.toolbar-ios-accent .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-accent .bar-button-white-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-accent .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-accent .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-accent .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-accent .bar-button-success-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-success,
.toolbar-ios-accent .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-accent .bar-button-success-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-accent .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-accent .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-accent .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-accent .bar-button-info-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-info,
.toolbar-ios-accent .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-accent .bar-button-info-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-accent .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-accent .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-accent .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-accent .bar-button-warning-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-warning,
.toolbar-ios-accent .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-accent .bar-button-warning-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-accent .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-accent .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-accent .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-accent .bar-button-danger-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-danger,
.toolbar-ios-accent .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-accent .bar-button-danger-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-accent .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-accent .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-accent .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-accent .bar-button-tam-ios,
.toolbar-ios-accent .bar-button-default.bar-button-ios-tam,
.toolbar-ios-accent .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-accent .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-accent .bar-button-tam-ios.activated,
.toolbar-ios-accent .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-accent .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-accent .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-accent .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-accent .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-accent .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-accent-ios,
.bar-button-default.bar-button-ios-accent,
.bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.bar-button-accent-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.bar-button-accent-ios.activated,
.bar-button-default.bar-button-ios-accent.activated,
.bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-skeleton .toolbar-background-ios {
  background: #dddddd;
}

.toolbar-ios-skeleton .toolbar-title-ios,
.toolbar-ios-skeleton .bar-button-clear-ios,
.toolbar-ios-skeleton .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-skeleton .bar-button-primary-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-primary,
.toolbar-ios-skeleton .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-skeleton .bar-button-primary-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-skeleton .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-skeleton .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-skeleton .bar-button-secondary-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-skeleton .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-skeleton .bar-button-secondary-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-skeleton .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-skeleton .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-skeleton .bar-button-danger-low-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-skeleton .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-skeleton .bar-button-danger-low-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-skeleton .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-skeleton .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-skeleton .bar-button-light-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-light,
.toolbar-ios-skeleton .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-skeleton .bar-button-light-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-skeleton .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-skeleton .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-skeleton .bar-button-dark-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-dark,
.toolbar-ios-skeleton .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-skeleton .bar-button-dark-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-skeleton .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-skeleton .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-skeleton .bar-button-favorite-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-skeleton .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-skeleton .bar-button-favorite-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-skeleton .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-skeleton .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-skeleton .bar-button-darkgrey-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-skeleton .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-skeleton .bar-button-darkgrey-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-skeleton .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-skeleton .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-skeleton .bar-button-emerald-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-skeleton .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-skeleton .bar-button-emerald-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-skeleton .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-skeleton .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-skeleton .bar-button-concrete-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-skeleton .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-skeleton .bar-button-concrete-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-skeleton .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-skeleton .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-skeleton .bar-button-yellow-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-skeleton .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-skeleton .bar-button-yellow-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-skeleton .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-skeleton .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-skeleton .bar-button-black-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-black,
.toolbar-ios-skeleton .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-skeleton .bar-button-black-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-skeleton .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-skeleton .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-skeleton .bar-button-grey-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-grey,
.toolbar-ios-skeleton .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-skeleton .bar-button-grey-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-skeleton .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-skeleton .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-skeleton .bar-button-red-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-red,
.toolbar-ios-skeleton .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-skeleton .bar-button-red-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-skeleton .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-skeleton .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-skeleton .bar-button-notif-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-notif,
.toolbar-ios-skeleton .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-skeleton .bar-button-notif-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-skeleton .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-skeleton .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-skeleton .bar-button-new-badge-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-skeleton .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-skeleton .bar-button-new-badge-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-skeleton .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-skeleton .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-skeleton .bar-button-accent-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-accent,
.toolbar-ios-skeleton .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-skeleton .bar-button-accent-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-skeleton .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-skeleton .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-skeleton .bar-button-skeleton-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-skeleton .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-skeleton .bar-button-skeleton-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-skeleton .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-skeleton .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-skeleton .bar-button-outline-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-outline,
.toolbar-ios-skeleton .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-skeleton .bar-button-outline-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-skeleton .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-skeleton .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-skeleton .bar-button-secondary-text-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-skeleton .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-skeleton .bar-button-secondary-text-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-skeleton .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-skeleton .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-skeleton .bar-button-text-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-text,
.toolbar-ios-skeleton .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-skeleton .bar-button-text-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-skeleton .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-skeleton .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-skeleton .bar-button-label-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-label,
.toolbar-ios-skeleton .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-skeleton .bar-button-label-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-skeleton .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-skeleton .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-skeleton .bar-button-hover-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-hover,
.toolbar-ios-skeleton .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-skeleton .bar-button-hover-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-skeleton .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-skeleton .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-skeleton .bar-button-hover-dark-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-skeleton .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-skeleton .bar-button-hover-dark-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-skeleton .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-skeleton .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-skeleton .bar-button-bgcard-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-skeleton .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-skeleton .bar-button-bgcard-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-skeleton .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-skeleton .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-skeleton .bar-button-bgcard2-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-skeleton .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-skeleton .bar-button-bgcard2-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-skeleton .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-skeleton .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-skeleton .bar-button-bglabel-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-skeleton .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-skeleton .bar-button-bglabel-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-skeleton .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-skeleton .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-skeleton .bar-button-primary-light-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-skeleton .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-skeleton .bar-button-primary-light-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-skeleton .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-skeleton .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-skeleton .bar-button-bgicon-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-skeleton .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-skeleton .bar-button-bgicon-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-skeleton .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-skeleton .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-skeleton .bar-button-primary-text-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-skeleton .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-skeleton .bar-button-primary-text-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-skeleton .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-skeleton .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-skeleton .bar-button-white-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-white,
.toolbar-ios-skeleton .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-skeleton .bar-button-white-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-skeleton .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-skeleton .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-skeleton .bar-button-success-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-success,
.toolbar-ios-skeleton .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-skeleton .bar-button-success-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-skeleton .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-skeleton .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-skeleton .bar-button-info-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-info,
.toolbar-ios-skeleton .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-skeleton .bar-button-info-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-skeleton .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-skeleton .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-skeleton .bar-button-warning-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-warning,
.toolbar-ios-skeleton .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-skeleton .bar-button-warning-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-skeleton .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-skeleton .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-skeleton .bar-button-danger-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-danger,
.toolbar-ios-skeleton .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-skeleton .bar-button-danger-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-skeleton .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-skeleton .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-skeleton .bar-button-tam-ios,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-tam,
.toolbar-ios-skeleton .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-skeleton .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-skeleton .bar-button-tam-ios.activated,
.toolbar-ios-skeleton .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-skeleton .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-skeleton .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-skeleton .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-skeleton .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-skeleton .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-skeleton-ios,
.bar-button-default.bar-button-ios-skeleton,
.bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.bar-button-skeleton-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.bar-button-skeleton-ios.activated,
.bar-button-default.bar-button-ios-skeleton.activated,
.bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-outline .toolbar-background-ios {
  background: #dbdbe1;
}

.toolbar-ios-outline .toolbar-title-ios,
.toolbar-ios-outline .bar-button-clear-ios,
.toolbar-ios-outline .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-outline .bar-button-primary-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-primary,
.toolbar-ios-outline .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-outline .bar-button-primary-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-outline .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-outline .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-outline .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-outline .bar-button-secondary-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-outline .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-outline .bar-button-secondary-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-outline .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-outline .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-outline .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-outline .bar-button-danger-low-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-outline .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-outline .bar-button-danger-low-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-outline .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-outline .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-outline .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-outline .bar-button-light-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-light,
.toolbar-ios-outline .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-outline .bar-button-light-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-outline .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-outline .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-outline .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-outline .bar-button-dark-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-dark,
.toolbar-ios-outline .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-outline .bar-button-dark-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-outline .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-outline .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-outline .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-outline .bar-button-favorite-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-outline .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-outline .bar-button-favorite-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-outline .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-outline .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-outline .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-outline .bar-button-darkgrey-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-outline .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-outline .bar-button-darkgrey-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-outline .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-outline .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-outline .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-outline .bar-button-emerald-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-outline .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-outline .bar-button-emerald-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-outline .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-outline .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-outline .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-outline .bar-button-concrete-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-outline .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-outline .bar-button-concrete-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-outline .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-outline .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-outline .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-outline .bar-button-yellow-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-outline .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-outline .bar-button-yellow-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-outline .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-outline .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-outline .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-outline .bar-button-black-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-black,
.toolbar-ios-outline .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-outline .bar-button-black-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-outline .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-outline .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-outline .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-outline .bar-button-grey-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-grey,
.toolbar-ios-outline .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-outline .bar-button-grey-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-outline .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-outline .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-outline .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-outline .bar-button-red-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-red,
.toolbar-ios-outline .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-outline .bar-button-red-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-outline .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-outline .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-outline .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-outline .bar-button-notif-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-notif,
.toolbar-ios-outline .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-outline .bar-button-notif-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-outline .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-outline .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-outline .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-outline .bar-button-new-badge-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-outline .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-outline .bar-button-new-badge-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-outline .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-outline .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-outline .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-outline .bar-button-accent-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-accent,
.toolbar-ios-outline .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-outline .bar-button-accent-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-outline .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-outline .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-outline .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-outline .bar-button-skeleton-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-outline .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-outline .bar-button-skeleton-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-outline .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-outline .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-outline .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-outline .bar-button-outline-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-outline,
.toolbar-ios-outline .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-outline .bar-button-outline-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-outline .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-outline .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-outline .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-outline .bar-button-secondary-text-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-outline .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-outline .bar-button-secondary-text-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-outline .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-outline .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-outline .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-outline .bar-button-text-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-text,
.toolbar-ios-outline .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-outline .bar-button-text-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-outline .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-outline .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-outline .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-outline .bar-button-label-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-label,
.toolbar-ios-outline .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-outline .bar-button-label-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-outline .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-outline .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-outline .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-outline .bar-button-hover-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-hover,
.toolbar-ios-outline .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-outline .bar-button-hover-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-outline .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-outline .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-outline .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-outline .bar-button-hover-dark-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-outline .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-outline .bar-button-hover-dark-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-outline .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-outline .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-outline .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-outline .bar-button-bgcard-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-outline .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-outline .bar-button-bgcard-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-outline .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-outline .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-outline .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-outline .bar-button-bgcard2-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-outline .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-outline .bar-button-bgcard2-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-outline .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-outline .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-outline .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-outline .bar-button-bglabel-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-outline .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-outline .bar-button-bglabel-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-outline .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-outline .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-outline .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-outline .bar-button-primary-light-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-outline .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-outline .bar-button-primary-light-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-outline .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-outline .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-outline .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-outline .bar-button-bgicon-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-outline .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-outline .bar-button-bgicon-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-outline .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-outline .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-outline .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-outline .bar-button-primary-text-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-outline .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-outline .bar-button-primary-text-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-outline .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-outline .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-outline .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-outline .bar-button-white-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-white,
.toolbar-ios-outline .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-outline .bar-button-white-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-outline .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-outline .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-outline .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-outline .bar-button-success-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-success,
.toolbar-ios-outline .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-outline .bar-button-success-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-outline .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-outline .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-outline .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-outline .bar-button-info-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-info,
.toolbar-ios-outline .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-outline .bar-button-info-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-outline .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-outline .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-outline .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-outline .bar-button-warning-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-warning,
.toolbar-ios-outline .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-outline .bar-button-warning-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-outline .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-outline .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-outline .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-outline .bar-button-danger-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-danger,
.toolbar-ios-outline .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-outline .bar-button-danger-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-outline .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-outline .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-outline .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-outline .bar-button-tam-ios,
.toolbar-ios-outline .bar-button-default.bar-button-ios-tam,
.toolbar-ios-outline .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-outline .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-outline .bar-button-tam-ios.activated,
.toolbar-ios-outline .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-outline .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-outline .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-outline .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-outline .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-outline .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-outline-ios,
.bar-button-default.bar-button-ios-outline,
.bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.bar-button-outline-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.bar-button-outline-ios.activated,
.bar-button-default.bar-button-ios-outline.activated,
.bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-secondary-text .toolbar-background-ios {
  background: #A5B0B7;
}

.toolbar-ios-secondary-text .toolbar-title-ios,
.toolbar-ios-secondary-text .bar-button-clear-ios,
.toolbar-ios-secondary-text .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-secondary-text .bar-button-primary-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-primary,
.toolbar-ios-secondary-text .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-secondary-text .bar-button-primary-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-secondary-text .bar-button-secondary-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-secondary-text .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-secondary-text .bar-button-secondary-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-secondary-text .bar-button-danger-low-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-secondary-text .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-secondary-text .bar-button-danger-low-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-secondary-text .bar-button-light-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-light,
.toolbar-ios-secondary-text .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-secondary-text .bar-button-light-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-secondary-text .bar-button-dark-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-dark,
.toolbar-ios-secondary-text .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-secondary-text .bar-button-dark-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-secondary-text .bar-button-favorite-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-secondary-text .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-secondary-text .bar-button-favorite-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-secondary-text .bar-button-darkgrey-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-secondary-text .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-secondary-text .bar-button-darkgrey-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-secondary-text .bar-button-emerald-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-secondary-text .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-secondary-text .bar-button-emerald-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-secondary-text .bar-button-concrete-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-secondary-text .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-secondary-text .bar-button-concrete-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-secondary-text .bar-button-yellow-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-secondary-text .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-secondary-text .bar-button-yellow-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-secondary-text .bar-button-black-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-black,
.toolbar-ios-secondary-text .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-secondary-text .bar-button-black-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-secondary-text .bar-button-grey-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-grey,
.toolbar-ios-secondary-text .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-secondary-text .bar-button-grey-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-secondary-text .bar-button-red-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-red,
.toolbar-ios-secondary-text .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-secondary-text .bar-button-red-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-secondary-text .bar-button-notif-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-notif,
.toolbar-ios-secondary-text .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-secondary-text .bar-button-notif-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-secondary-text .bar-button-new-badge-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-secondary-text .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-secondary-text .bar-button-new-badge-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-secondary-text .bar-button-accent-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-accent,
.toolbar-ios-secondary-text .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-secondary-text .bar-button-accent-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-secondary-text .bar-button-skeleton-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-secondary-text .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-secondary-text .bar-button-skeleton-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-secondary-text .bar-button-outline-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-outline,
.toolbar-ios-secondary-text .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-secondary-text .bar-button-outline-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-secondary-text .bar-button-secondary-text-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-secondary-text .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-secondary-text .bar-button-secondary-text-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-secondary-text .bar-button-text-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-text,
.toolbar-ios-secondary-text .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-secondary-text .bar-button-text-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-secondary-text .bar-button-label-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-label,
.toolbar-ios-secondary-text .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-secondary-text .bar-button-label-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-secondary-text .bar-button-hover-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-hover,
.toolbar-ios-secondary-text .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-secondary-text .bar-button-hover-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-secondary-text .bar-button-hover-dark-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-secondary-text .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-secondary-text .bar-button-hover-dark-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-secondary-text .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-secondary-text .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-secondary-text .bar-button-bgcard-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-secondary-text .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-secondary-text .bar-button-bgcard-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-secondary-text .bar-button-bgcard2-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-secondary-text .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-secondary-text .bar-button-bgcard2-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-secondary-text .bar-button-bglabel-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-secondary-text .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-secondary-text .bar-button-bglabel-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-secondary-text .bar-button-primary-light-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-secondary-text .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-secondary-text .bar-button-primary-light-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-secondary-text .bar-button-bgicon-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-secondary-text .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-secondary-text .bar-button-bgicon-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-secondary-text .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-secondary-text .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-secondary-text .bar-button-primary-text-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-secondary-text .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-secondary-text .bar-button-primary-text-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-secondary-text .bar-button-white-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-white,
.toolbar-ios-secondary-text .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-secondary-text .bar-button-white-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-secondary-text .bar-button-success-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-success,
.toolbar-ios-secondary-text .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-secondary-text .bar-button-success-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-secondary-text .bar-button-info-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-info,
.toolbar-ios-secondary-text .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-secondary-text .bar-button-info-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-secondary-text .bar-button-warning-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-warning,
.toolbar-ios-secondary-text .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-secondary-text .bar-button-warning-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-secondary-text .bar-button-danger-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-danger,
.toolbar-ios-secondary-text .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-secondary-text .bar-button-danger-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-secondary-text .bar-button-tam-ios,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-tam,
.toolbar-ios-secondary-text .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-secondary-text .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-secondary-text .bar-button-tam-ios.activated,
.toolbar-ios-secondary-text .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-secondary-text .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-secondary-text .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-secondary-text .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-secondary-text-ios,
.bar-button-default.bar-button-ios-secondary-text,
.bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.bar-button-secondary-text-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.bar-button-secondary-text-ios.activated,
.bar-button-default.bar-button-ios-secondary-text.activated,
.bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-text .toolbar-background-ios {
  background: #192528;
}

.toolbar-ios-text .toolbar-title-ios,
.toolbar-ios-text .bar-button-clear-ios,
.toolbar-ios-text .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-text .bar-button-primary-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-primary,
.toolbar-ios-text .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-text .bar-button-primary-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-text .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-text .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-text .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-text .bar-button-secondary-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-text .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-text .bar-button-secondary-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-text .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-text .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-text .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-text .bar-button-danger-low-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-text .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-text .bar-button-danger-low-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-text .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-text .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-text .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-text .bar-button-light-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-light,
.toolbar-ios-text .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-text .bar-button-light-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-text .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-text .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-text .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-text .bar-button-dark-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-dark,
.toolbar-ios-text .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-text .bar-button-dark-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-text .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-text .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-text .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-text .bar-button-favorite-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-text .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-text .bar-button-favorite-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-text .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-text .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-text .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-text .bar-button-darkgrey-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-text .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-text .bar-button-darkgrey-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-text .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-text .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-text .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-text .bar-button-emerald-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-text .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-text .bar-button-emerald-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-text .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-text .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-text .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-text .bar-button-concrete-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-text .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-text .bar-button-concrete-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-text .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-text .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-text .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-text .bar-button-yellow-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-text .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-text .bar-button-yellow-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-text .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-text .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-text .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-text .bar-button-black-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-black,
.toolbar-ios-text .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-text .bar-button-black-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-text .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-text .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-text .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-text .bar-button-grey-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-grey,
.toolbar-ios-text .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-text .bar-button-grey-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-text .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-text .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-text .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-text .bar-button-red-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-red,
.toolbar-ios-text .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-text .bar-button-red-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-text .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-text .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-text .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-text .bar-button-notif-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-notif,
.toolbar-ios-text .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-text .bar-button-notif-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-text .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-text .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-text .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-text .bar-button-new-badge-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-text .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-text .bar-button-new-badge-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-text .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-text .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-text .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-text .bar-button-accent-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-accent,
.toolbar-ios-text .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-text .bar-button-accent-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-text .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-text .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-text .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-text .bar-button-skeleton-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-text .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-text .bar-button-skeleton-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-text .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-text .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-text .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-text .bar-button-outline-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-outline,
.toolbar-ios-text .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-text .bar-button-outline-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-text .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-text .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-text .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-text .bar-button-secondary-text-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-text .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-text .bar-button-secondary-text-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-text .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-text .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-text .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-text .bar-button-text-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-text,
.toolbar-ios-text .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-text .bar-button-text-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-text .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-text .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-text .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-text .bar-button-label-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-label,
.toolbar-ios-text .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-text .bar-button-label-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-text .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-text .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-text .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-text .bar-button-hover-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-hover,
.toolbar-ios-text .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-text .bar-button-hover-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-text .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-text .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-text .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-text .bar-button-hover-dark-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-text .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-text .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-text .bar-button-hover-dark-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-text .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-text .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-text .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-text .bar-button-bgcard-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-text .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-text .bar-button-bgcard-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-text .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-text .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-text .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-text .bar-button-bgcard2-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-text .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-text .bar-button-bgcard2-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-text .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-text .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-text .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-text .bar-button-bglabel-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-text .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-text .bar-button-bglabel-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-text .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-text .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-text .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-text .bar-button-primary-light-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-text .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-text .bar-button-primary-light-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-text .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-text .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-text .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-text .bar-button-bgicon-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-text .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-text .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-text .bar-button-bgicon-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-text .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-text .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-text .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-text .bar-button-primary-text-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-text .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-text .bar-button-primary-text-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-text .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-text .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-text .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-text .bar-button-white-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-white,
.toolbar-ios-text .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-text .bar-button-white-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-text .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-text .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-text .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-text .bar-button-success-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-success,
.toolbar-ios-text .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-text .bar-button-success-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-text .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-text .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-text .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-text .bar-button-info-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-info,
.toolbar-ios-text .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-text .bar-button-info-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-text .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-text .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-text .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-text .bar-button-warning-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-warning,
.toolbar-ios-text .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-text .bar-button-warning-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-text .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-text .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-text .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-text .bar-button-danger-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-danger,
.toolbar-ios-text .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-text .bar-button-danger-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-text .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-text .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-text .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-text .bar-button-tam-ios,
.toolbar-ios-text .bar-button-default.bar-button-ios-tam,
.toolbar-ios-text .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-text .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-text .bar-button-tam-ios.activated,
.toolbar-ios-text .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-text .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-text .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-text .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-text .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-text .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-text-ios,
.bar-button-default.bar-button-ios-text,
.bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.bar-button-text-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.bar-button-text-ios.activated,
.bar-button-default.bar-button-ios-text.activated,
.bar-button-clear-ios-text.activated {
  opacity: .4;
}

.bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-label .toolbar-background-ios {
  background: #333333;
}

.toolbar-ios-label .toolbar-title-ios,
.toolbar-ios-label .bar-button-clear-ios,
.toolbar-ios-label .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-label .bar-button-primary-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-primary,
.toolbar-ios-label .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-label .bar-button-primary-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-label .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-label .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-label .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-label .bar-button-secondary-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-label .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-label .bar-button-secondary-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-label .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-label .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-label .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-label .bar-button-danger-low-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-label .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-label .bar-button-danger-low-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-label .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-label .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-label .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-label .bar-button-light-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-light,
.toolbar-ios-label .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-label .bar-button-light-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-label .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-label .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-label .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-label .bar-button-dark-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-dark,
.toolbar-ios-label .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-label .bar-button-dark-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-label .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-label .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-label .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-label .bar-button-favorite-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-label .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-label .bar-button-favorite-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-label .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-label .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-label .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-label .bar-button-darkgrey-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-label .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-label .bar-button-darkgrey-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-label .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-label .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-label .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-label .bar-button-emerald-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-label .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-label .bar-button-emerald-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-label .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-label .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-label .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-label .bar-button-concrete-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-label .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-label .bar-button-concrete-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-label .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-label .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-label .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-label .bar-button-yellow-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-label .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-label .bar-button-yellow-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-label .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-label .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-label .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-label .bar-button-black-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-black,
.toolbar-ios-label .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-label .bar-button-black-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-label .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-label .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-label .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-label .bar-button-grey-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-grey,
.toolbar-ios-label .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-label .bar-button-grey-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-label .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-label .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-label .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-label .bar-button-red-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-red,
.toolbar-ios-label .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-label .bar-button-red-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-label .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-label .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-label .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-label .bar-button-notif-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-notif,
.toolbar-ios-label .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-label .bar-button-notif-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-label .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-label .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-label .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-label .bar-button-new-badge-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-label .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-label .bar-button-new-badge-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-label .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-label .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-label .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-label .bar-button-accent-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-accent,
.toolbar-ios-label .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-label .bar-button-accent-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-label .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-label .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-label .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-label .bar-button-skeleton-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-label .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-label .bar-button-skeleton-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-label .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-label .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-label .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-label .bar-button-outline-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-outline,
.toolbar-ios-label .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-label .bar-button-outline-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-label .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-label .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-label .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-label .bar-button-secondary-text-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-label .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-label .bar-button-secondary-text-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-label .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-label .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-label .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-label .bar-button-text-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-text,
.toolbar-ios-label .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-label .bar-button-text-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-label .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-label .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-label .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-label .bar-button-label-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-label,
.toolbar-ios-label .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-label .bar-button-label-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-label .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-label .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-label .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-label .bar-button-hover-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-hover,
.toolbar-ios-label .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-label .bar-button-hover-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-label .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-label .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-label .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-label .bar-button-hover-dark-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-label .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-label .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-label .bar-button-hover-dark-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-label .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-label .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-label .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-label .bar-button-bgcard-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-label .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-label .bar-button-bgcard-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-label .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-label .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-label .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-label .bar-button-bgcard2-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-label .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-label .bar-button-bgcard2-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-label .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-label .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-label .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-label .bar-button-bglabel-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-label .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-label .bar-button-bglabel-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-label .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-label .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-label .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-label .bar-button-primary-light-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-label .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-label .bar-button-primary-light-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-label .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-label .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-label .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-label .bar-button-bgicon-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-label .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-label .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-label .bar-button-bgicon-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-label .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-label .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-label .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-label .bar-button-primary-text-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-label .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-label .bar-button-primary-text-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-label .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-label .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-label .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-label .bar-button-white-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-white,
.toolbar-ios-label .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-label .bar-button-white-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-label .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-label .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-label .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-label .bar-button-success-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-success,
.toolbar-ios-label .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-label .bar-button-success-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-label .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-label .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-label .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-label .bar-button-info-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-info,
.toolbar-ios-label .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-label .bar-button-info-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-label .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-label .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-label .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-label .bar-button-warning-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-warning,
.toolbar-ios-label .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-label .bar-button-warning-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-label .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-label .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-label .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-label .bar-button-danger-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-danger,
.toolbar-ios-label .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-label .bar-button-danger-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-label .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-label .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-label .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-label .bar-button-tam-ios,
.toolbar-ios-label .bar-button-default.bar-button-ios-tam,
.toolbar-ios-label .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-label .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-label .bar-button-tam-ios.activated,
.toolbar-ios-label .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-label .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-label .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-label .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-label .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-label .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-label-ios,
.bar-button-default.bar-button-ios-label,
.bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.bar-button-label-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.bar-button-label-ios.activated,
.bar-button-default.bar-button-ios-label.activated,
.bar-button-clear-ios-label.activated {
  opacity: .4;
}

.bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-hover .toolbar-background-ios {
  background: #eff2f4;
}

.toolbar-ios-hover .toolbar-title-ios,
.toolbar-ios-hover .bar-button-clear-ios,
.toolbar-ios-hover .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-hover .bar-button-primary-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-primary,
.toolbar-ios-hover .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-hover .bar-button-primary-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-hover .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-hover .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-hover .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-hover .bar-button-secondary-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-hover .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-hover .bar-button-secondary-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-hover .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-hover .bar-button-danger-low-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-hover .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-hover .bar-button-danger-low-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-hover .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-hover .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-hover .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-hover .bar-button-light-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-light,
.toolbar-ios-hover .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-hover .bar-button-light-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-hover .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-hover .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-hover .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-hover .bar-button-dark-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-dark,
.toolbar-ios-hover .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-hover .bar-button-dark-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-hover .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-hover .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-hover .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-hover .bar-button-favorite-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-hover .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-hover .bar-button-favorite-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-hover .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-hover .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-hover .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-hover .bar-button-darkgrey-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-hover .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-hover .bar-button-darkgrey-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-hover .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-hover .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-hover .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-hover .bar-button-emerald-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-hover .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-hover .bar-button-emerald-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-hover .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-hover .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-hover .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-hover .bar-button-concrete-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-hover .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-hover .bar-button-concrete-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-hover .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-hover .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-hover .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-hover .bar-button-yellow-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-hover .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-hover .bar-button-yellow-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-hover .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-hover .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-hover .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-hover .bar-button-black-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-black,
.toolbar-ios-hover .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-hover .bar-button-black-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-hover .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-hover .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-hover .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-hover .bar-button-grey-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-grey,
.toolbar-ios-hover .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-hover .bar-button-grey-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-hover .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-hover .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-hover .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-hover .bar-button-red-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-red,
.toolbar-ios-hover .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-hover .bar-button-red-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-hover .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-hover .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-hover .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-hover .bar-button-notif-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-notif,
.toolbar-ios-hover .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-hover .bar-button-notif-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-hover .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-hover .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-hover .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-hover .bar-button-new-badge-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-hover .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-hover .bar-button-new-badge-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-hover .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-hover .bar-button-accent-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-accent,
.toolbar-ios-hover .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-hover .bar-button-accent-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-hover .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-hover .bar-button-skeleton-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-hover .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-hover .bar-button-skeleton-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-hover .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-hover .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-hover .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-hover .bar-button-outline-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-outline,
.toolbar-ios-hover .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-hover .bar-button-outline-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-hover .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-hover .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-hover .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-hover .bar-button-secondary-text-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-hover .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-hover .bar-button-secondary-text-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-hover .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-hover .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-hover .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-hover .bar-button-text-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-text,
.toolbar-ios-hover .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-hover .bar-button-text-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-hover .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-hover .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-hover .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-hover .bar-button-label-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-label,
.toolbar-ios-hover .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-hover .bar-button-label-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-hover .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-hover .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-hover .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-hover .bar-button-hover-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-hover,
.toolbar-ios-hover .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-hover .bar-button-hover-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-hover .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-hover .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-hover .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-hover .bar-button-hover-dark-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-hover .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-hover .bar-button-hover-dark-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-hover .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-hover .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-hover .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-hover .bar-button-bgcard-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-hover .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-hover .bar-button-bgcard-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-hover .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-hover .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-hover .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-hover .bar-button-bgcard2-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-hover .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-hover .bar-button-bgcard2-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-hover .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-hover .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-hover .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-hover .bar-button-bglabel-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-hover .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-hover .bar-button-bglabel-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-hover .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-hover .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-hover .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-hover .bar-button-primary-light-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-hover .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-hover .bar-button-primary-light-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-hover .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-hover .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-hover .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-hover .bar-button-bgicon-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-hover .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-hover .bar-button-bgicon-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-hover .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-hover .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-hover .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-hover .bar-button-primary-text-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-hover .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-hover .bar-button-primary-text-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-hover .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-hover .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-hover .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-hover .bar-button-white-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-white,
.toolbar-ios-hover .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-hover .bar-button-white-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-hover .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-hover .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-hover .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-hover .bar-button-success-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-success,
.toolbar-ios-hover .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-hover .bar-button-success-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-hover .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-hover .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-hover .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-hover .bar-button-info-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-info,
.toolbar-ios-hover .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-hover .bar-button-info-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-hover .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-hover .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-hover .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-hover .bar-button-warning-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-warning,
.toolbar-ios-hover .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-hover .bar-button-warning-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-hover .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-hover .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-hover .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-hover .bar-button-danger-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-danger,
.toolbar-ios-hover .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-hover .bar-button-danger-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-hover .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-hover .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-hover .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-hover .bar-button-tam-ios,
.toolbar-ios-hover .bar-button-default.bar-button-ios-tam,
.toolbar-ios-hover .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-hover .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-hover .bar-button-tam-ios.activated,
.toolbar-ios-hover .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-hover .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-hover .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-hover .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-hover .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-hover .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-hover-ios,
.bar-button-default.bar-button-ios-hover,
.bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.bar-button-hover-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.bar-button-hover-ios.activated,
.bar-button-default.bar-button-ios-hover.activated,
.bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-hover-dark .toolbar-background-ios {
  background: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-hover-dark .toolbar-title-ios,
.toolbar-ios-hover-dark .bar-button-clear-ios,
.toolbar-ios-hover-dark .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-hover-dark .bar-button-primary-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-primary,
.toolbar-ios-hover-dark .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-hover-dark .bar-button-primary-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-hover-dark .bar-button-secondary-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-hover-dark .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-hover-dark .bar-button-secondary-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-hover-dark .bar-button-danger-low-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-hover-dark .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-hover-dark .bar-button-danger-low-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-hover-dark .bar-button-light-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-light,
.toolbar-ios-hover-dark .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-hover-dark .bar-button-light-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-hover-dark .bar-button-dark-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-dark,
.toolbar-ios-hover-dark .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-hover-dark .bar-button-dark-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-hover-dark .bar-button-favorite-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-hover-dark .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-hover-dark .bar-button-favorite-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-hover-dark .bar-button-darkgrey-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-hover-dark .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-hover-dark .bar-button-darkgrey-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-hover-dark .bar-button-emerald-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-hover-dark .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-hover-dark .bar-button-emerald-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-hover-dark .bar-button-concrete-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-hover-dark .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-hover-dark .bar-button-concrete-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-hover-dark .bar-button-yellow-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-hover-dark .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-hover-dark .bar-button-yellow-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-hover-dark .bar-button-black-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-black,
.toolbar-ios-hover-dark .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-hover-dark .bar-button-black-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-hover-dark .bar-button-grey-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-grey,
.toolbar-ios-hover-dark .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-hover-dark .bar-button-grey-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-hover-dark .bar-button-red-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-red,
.toolbar-ios-hover-dark .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-hover-dark .bar-button-red-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-hover-dark .bar-button-notif-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-notif,
.toolbar-ios-hover-dark .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-hover-dark .bar-button-notif-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-hover-dark .bar-button-new-badge-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-hover-dark .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-hover-dark .bar-button-new-badge-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-hover-dark .bar-button-accent-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-accent,
.toolbar-ios-hover-dark .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-hover-dark .bar-button-accent-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-hover-dark .bar-button-skeleton-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-hover-dark .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-hover-dark .bar-button-skeleton-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-hover-dark .bar-button-outline-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-outline,
.toolbar-ios-hover-dark .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-hover-dark .bar-button-outline-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-hover-dark .bar-button-secondary-text-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-hover-dark .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-hover-dark .bar-button-secondary-text-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-hover-dark .bar-button-text-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-text,
.toolbar-ios-hover-dark .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-hover-dark .bar-button-text-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-hover-dark .bar-button-label-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-label,
.toolbar-ios-hover-dark .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-hover-dark .bar-button-label-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-hover-dark .bar-button-hover-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-hover,
.toolbar-ios-hover-dark .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-hover-dark .bar-button-hover-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-hover-dark .bar-button-hover-dark-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-hover-dark .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-hover-dark .bar-button-hover-dark-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-hover-dark .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-hover-dark .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-hover-dark .bar-button-bgcard-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-hover-dark .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-hover-dark .bar-button-bgcard-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-hover-dark .bar-button-bgcard2-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-hover-dark .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-hover-dark .bar-button-bgcard2-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-hover-dark .bar-button-bglabel-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-hover-dark .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-hover-dark .bar-button-bglabel-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-hover-dark .bar-button-primary-light-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-hover-dark .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-hover-dark .bar-button-primary-light-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-hover-dark .bar-button-bgicon-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-hover-dark .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-hover-dark .bar-button-bgicon-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-hover-dark .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-hover-dark .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-hover-dark .bar-button-primary-text-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-hover-dark .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-hover-dark .bar-button-primary-text-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-hover-dark .bar-button-white-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-white,
.toolbar-ios-hover-dark .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-hover-dark .bar-button-white-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-hover-dark .bar-button-success-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-success,
.toolbar-ios-hover-dark .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-hover-dark .bar-button-success-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-hover-dark .bar-button-info-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-info,
.toolbar-ios-hover-dark .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-hover-dark .bar-button-info-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-hover-dark .bar-button-warning-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-warning,
.toolbar-ios-hover-dark .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-hover-dark .bar-button-warning-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-hover-dark .bar-button-danger-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-danger,
.toolbar-ios-hover-dark .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-hover-dark .bar-button-danger-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-hover-dark .bar-button-tam-ios,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-tam,
.toolbar-ios-hover-dark .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-hover-dark .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-hover-dark .bar-button-tam-ios.activated,
.toolbar-ios-hover-dark .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-hover-dark .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-hover-dark .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-hover-dark .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-hover-dark-ios,
.bar-button-default.bar-button-ios-hover-dark,
.bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.bar-button-hover-dark-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.bar-button-hover-dark-ios.activated,
.bar-button-default.bar-button-ios-hover-dark.activated,
.bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-bgcard .toolbar-background-ios {
  background: #f2f5f8;
}

.toolbar-ios-bgcard .toolbar-title-ios,
.toolbar-ios-bgcard .bar-button-clear-ios,
.toolbar-ios-bgcard .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-bgcard .bar-button-primary-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-primary,
.toolbar-ios-bgcard .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-bgcard .bar-button-primary-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-bgcard .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-bgcard .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-bgcard .bar-button-secondary-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-bgcard .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bgcard .bar-button-secondary-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bgcard .bar-button-danger-low-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-bgcard .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-bgcard .bar-button-danger-low-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-bgcard .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-bgcard .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-bgcard .bar-button-light-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-light,
.toolbar-ios-bgcard .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-bgcard .bar-button-light-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-bgcard .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-bgcard .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-bgcard .bar-button-dark-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-dark,
.toolbar-ios-bgcard .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-bgcard .bar-button-dark-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-bgcard .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-bgcard .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-bgcard .bar-button-favorite-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-bgcard .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-bgcard .bar-button-favorite-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-bgcard .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-bgcard .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-bgcard .bar-button-darkgrey-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-bgcard .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-bgcard .bar-button-darkgrey-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-bgcard .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-bgcard .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-bgcard .bar-button-emerald-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-bgcard .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-bgcard .bar-button-emerald-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-bgcard .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-bgcard .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-bgcard .bar-button-concrete-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-bgcard .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-bgcard .bar-button-concrete-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-bgcard .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-bgcard .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-bgcard .bar-button-yellow-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-bgcard .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-bgcard .bar-button-yellow-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-bgcard .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-bgcard .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-bgcard .bar-button-black-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-black,
.toolbar-ios-bgcard .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-bgcard .bar-button-black-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-bgcard .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-bgcard .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-bgcard .bar-button-grey-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-grey,
.toolbar-ios-bgcard .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-bgcard .bar-button-grey-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-bgcard .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-bgcard .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-bgcard .bar-button-red-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-red,
.toolbar-ios-bgcard .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-bgcard .bar-button-red-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-bgcard .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-bgcard .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-bgcard .bar-button-notif-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-notif,
.toolbar-ios-bgcard .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-bgcard .bar-button-notif-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-bgcard .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-bgcard .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-bgcard .bar-button-new-badge-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-bgcard .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bgcard .bar-button-new-badge-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bgcard .bar-button-accent-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-accent,
.toolbar-ios-bgcard .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bgcard .bar-button-accent-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bgcard .bar-button-skeleton-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-bgcard .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-bgcard .bar-button-skeleton-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-bgcard .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-bgcard .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-bgcard .bar-button-outline-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-outline,
.toolbar-ios-bgcard .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-bgcard .bar-button-outline-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-bgcard .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-bgcard .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-bgcard .bar-button-secondary-text-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-bgcard .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-bgcard .bar-button-secondary-text-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-bgcard .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-bgcard .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-bgcard .bar-button-text-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-text,
.toolbar-ios-bgcard .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-bgcard .bar-button-text-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-bgcard .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-bgcard .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-bgcard .bar-button-label-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-label,
.toolbar-ios-bgcard .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-bgcard .bar-button-label-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-bgcard .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-bgcard .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-bgcard .bar-button-hover-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-hover,
.toolbar-ios-bgcard .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-bgcard .bar-button-hover-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-bgcard .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-bgcard .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-bgcard .bar-button-hover-dark-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-bgcard .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bgcard .bar-button-hover-dark-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bgcard .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bgcard .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-bgcard .bar-button-bgcard-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-bgcard .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-bgcard .bar-button-bgcard-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-bgcard .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-bgcard .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-bgcard .bar-button-bgcard2-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-bgcard .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-bgcard .bar-button-bgcard2-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-bgcard .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-bgcard .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-bgcard .bar-button-bglabel-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-bgcard .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-bgcard .bar-button-bglabel-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-bgcard .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-bgcard .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-bgcard .bar-button-primary-light-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-bgcard .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-bgcard .bar-button-primary-light-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-bgcard .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-bgcard .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-bgcard .bar-button-bgicon-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-bgcard .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bgcard .bar-button-bgicon-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bgcard .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bgcard .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-bgcard .bar-button-primary-text-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-bgcard .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-bgcard .bar-button-primary-text-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-bgcard .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-bgcard .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-bgcard .bar-button-white-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-white,
.toolbar-ios-bgcard .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-bgcard .bar-button-white-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-bgcard .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-bgcard .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-bgcard .bar-button-success-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-success,
.toolbar-ios-bgcard .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-bgcard .bar-button-success-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-bgcard .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-bgcard .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-bgcard .bar-button-info-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-info,
.toolbar-ios-bgcard .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-bgcard .bar-button-info-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-bgcard .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-bgcard .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-bgcard .bar-button-warning-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-warning,
.toolbar-ios-bgcard .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-bgcard .bar-button-warning-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-bgcard .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-bgcard .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-bgcard .bar-button-danger-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-danger,
.toolbar-ios-bgcard .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-bgcard .bar-button-danger-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-bgcard .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-bgcard .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-bgcard .bar-button-tam-ios,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-tam,
.toolbar-ios-bgcard .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-bgcard .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-bgcard .bar-button-tam-ios.activated,
.toolbar-ios-bgcard .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-bgcard .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-bgcard .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-bgcard .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-bgcard .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-bgcard .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bgcard-ios,
.bar-button-default.bar-button-ios-bgcard,
.bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.bar-button-bgcard-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.bar-button-bgcard-ios.activated,
.bar-button-default.bar-button-ios-bgcard.activated,
.bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-bgcard2 .toolbar-background-ios {
  background: #fcfcfc;
}

.toolbar-ios-bgcard2 .toolbar-title-ios,
.toolbar-ios-bgcard2 .bar-button-clear-ios,
.toolbar-ios-bgcard2 .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-bgcard2 .bar-button-primary-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-primary,
.toolbar-ios-bgcard2 .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-bgcard2 .bar-button-primary-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-bgcard2 .bar-button-secondary-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-bgcard2 .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bgcard2 .bar-button-secondary-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bgcard2 .bar-button-danger-low-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-bgcard2 .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-bgcard2 .bar-button-danger-low-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-bgcard2 .bar-button-light-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-light,
.toolbar-ios-bgcard2 .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-bgcard2 .bar-button-light-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-bgcard2 .bar-button-dark-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-dark,
.toolbar-ios-bgcard2 .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-bgcard2 .bar-button-dark-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-bgcard2 .bar-button-favorite-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-bgcard2 .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-bgcard2 .bar-button-favorite-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-bgcard2 .bar-button-darkgrey-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-bgcard2 .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-bgcard2 .bar-button-darkgrey-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-bgcard2 .bar-button-emerald-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-bgcard2 .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-bgcard2 .bar-button-emerald-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-bgcard2 .bar-button-concrete-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-bgcard2 .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-bgcard2 .bar-button-concrete-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-bgcard2 .bar-button-yellow-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-bgcard2 .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-bgcard2 .bar-button-yellow-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-bgcard2 .bar-button-black-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-black,
.toolbar-ios-bgcard2 .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-bgcard2 .bar-button-black-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-bgcard2 .bar-button-grey-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-grey,
.toolbar-ios-bgcard2 .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-bgcard2 .bar-button-grey-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-bgcard2 .bar-button-red-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-red,
.toolbar-ios-bgcard2 .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-bgcard2 .bar-button-red-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-bgcard2 .bar-button-notif-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-notif,
.toolbar-ios-bgcard2 .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-bgcard2 .bar-button-notif-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-bgcard2 .bar-button-new-badge-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-bgcard2 .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bgcard2 .bar-button-new-badge-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bgcard2 .bar-button-accent-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-accent,
.toolbar-ios-bgcard2 .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bgcard2 .bar-button-accent-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bgcard2 .bar-button-skeleton-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-bgcard2 .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-bgcard2 .bar-button-skeleton-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-outline,
.toolbar-ios-bgcard2 .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-bgcard2 .bar-button-secondary-text-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-bgcard2 .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-bgcard2 .bar-button-secondary-text-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-bgcard2 .bar-button-text-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-text,
.toolbar-ios-bgcard2 .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-bgcard2 .bar-button-text-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-bgcard2 .bar-button-label-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-label,
.toolbar-ios-bgcard2 .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-bgcard2 .bar-button-label-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-bgcard2 .bar-button-hover-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-hover,
.toolbar-ios-bgcard2 .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-bgcard2 .bar-button-hover-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-bgcard2 .bar-button-hover-dark-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-bgcard2 .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bgcard2 .bar-button-hover-dark-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-bgcard2 .bar-button-bgcard-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-bgcard2 .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-bgcard2 .bar-button-bgcard-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-bgcard2 .bar-button-bgcard2-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-bgcard2 .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-bgcard2 .bar-button-bgcard2-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-bgcard2 .bar-button-bglabel-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-bgcard2 .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-bgcard2 .bar-button-bglabel-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-bgcard2 .bar-button-primary-light-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-bgcard2 .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-bgcard2 .bar-button-primary-light-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-bgcard2 .bar-button-bgicon-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-bgcard2 .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bgcard2 .bar-button-bgicon-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-bgcard2 .bar-button-primary-text-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-bgcard2 .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-bgcard2 .bar-button-primary-text-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-bgcard2 .bar-button-white-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-white,
.toolbar-ios-bgcard2 .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-bgcard2 .bar-button-white-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-bgcard2 .bar-button-success-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-success,
.toolbar-ios-bgcard2 .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-bgcard2 .bar-button-success-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-bgcard2 .bar-button-info-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-info,
.toolbar-ios-bgcard2 .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-bgcard2 .bar-button-info-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-bgcard2 .bar-button-warning-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-warning,
.toolbar-ios-bgcard2 .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-bgcard2 .bar-button-warning-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-bgcard2 .bar-button-danger-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-danger,
.toolbar-ios-bgcard2 .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-bgcard2 .bar-button-danger-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-bgcard2 .bar-button-tam-ios,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-tam,
.toolbar-ios-bgcard2 .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-bgcard2 .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-bgcard2 .bar-button-tam-ios.activated,
.toolbar-ios-bgcard2 .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-bgcard2 .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-bgcard2 .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-bgcard2 .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bgcard2-ios,
.bar-button-default.bar-button-ios-bgcard2,
.bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.bar-button-bgcard2-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.bar-button-bgcard2-ios.activated,
.bar-button-default.bar-button-ios-bgcard2.activated,
.bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-bglabel .toolbar-background-ios {
  background: #E2E9ED;
}

.toolbar-ios-bglabel .toolbar-title-ios,
.toolbar-ios-bglabel .bar-button-clear-ios,
.toolbar-ios-bglabel .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-bglabel .bar-button-primary-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-primary,
.toolbar-ios-bglabel .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-bglabel .bar-button-primary-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-bglabel .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-bglabel .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-bglabel .bar-button-secondary-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-bglabel .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bglabel .bar-button-secondary-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bglabel .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bglabel .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bglabel .bar-button-danger-low-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-bglabel .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-bglabel .bar-button-danger-low-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-bglabel .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-bglabel .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-bglabel .bar-button-light-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-light,
.toolbar-ios-bglabel .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-bglabel .bar-button-light-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-bglabel .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-bglabel .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-bglabel .bar-button-dark-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-dark,
.toolbar-ios-bglabel .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-bglabel .bar-button-dark-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-bglabel .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-bglabel .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-bglabel .bar-button-favorite-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-bglabel .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-bglabel .bar-button-favorite-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-bglabel .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-bglabel .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-bglabel .bar-button-darkgrey-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-bglabel .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-bglabel .bar-button-darkgrey-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-bglabel .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-bglabel .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-bglabel .bar-button-emerald-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-bglabel .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-bglabel .bar-button-emerald-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-bglabel .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-bglabel .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-bglabel .bar-button-concrete-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-bglabel .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-bglabel .bar-button-concrete-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-bglabel .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-bglabel .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-bglabel .bar-button-yellow-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-bglabel .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-bglabel .bar-button-yellow-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-bglabel .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-bglabel .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-bglabel .bar-button-black-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-black,
.toolbar-ios-bglabel .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-bglabel .bar-button-black-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-bglabel .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-bglabel .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-bglabel .bar-button-grey-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-grey,
.toolbar-ios-bglabel .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-bglabel .bar-button-grey-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-bglabel .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-bglabel .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-bglabel .bar-button-red-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-red,
.toolbar-ios-bglabel .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-bglabel .bar-button-red-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-bglabel .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-bglabel .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-bglabel .bar-button-notif-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-notif,
.toolbar-ios-bglabel .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-bglabel .bar-button-notif-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-bglabel .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-bglabel .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-bglabel .bar-button-new-badge-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-bglabel .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bglabel .bar-button-new-badge-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bglabel .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bglabel .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bglabel .bar-button-accent-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-accent,
.toolbar-ios-bglabel .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bglabel .bar-button-accent-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bglabel .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bglabel .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bglabel .bar-button-skeleton-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-bglabel .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-bglabel .bar-button-skeleton-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-bglabel .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-bglabel .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-bglabel .bar-button-outline-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-outline,
.toolbar-ios-bglabel .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-bglabel .bar-button-outline-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-bglabel .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-bglabel .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-bglabel .bar-button-secondary-text-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-bglabel .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-bglabel .bar-button-secondary-text-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-bglabel .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-bglabel .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-bglabel .bar-button-text-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-text,
.toolbar-ios-bglabel .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-bglabel .bar-button-text-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-bglabel .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-bglabel .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-bglabel .bar-button-label-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-label,
.toolbar-ios-bglabel .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-bglabel .bar-button-label-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-bglabel .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-bglabel .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-bglabel .bar-button-hover-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-hover,
.toolbar-ios-bglabel .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-bglabel .bar-button-hover-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-bglabel .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-bglabel .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-bglabel .bar-button-hover-dark-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-bglabel .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bglabel .bar-button-hover-dark-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bglabel .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bglabel .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-bglabel .bar-button-bgcard-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-bglabel .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-bglabel .bar-button-bgcard-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-bglabel .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-bglabel .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-bglabel .bar-button-bgcard2-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-bglabel .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-bglabel .bar-button-bgcard2-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-bglabel .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-bglabel .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-bglabel .bar-button-bglabel-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-bglabel .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-bglabel .bar-button-bglabel-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-bglabel .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-bglabel .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-bglabel .bar-button-primary-light-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-bglabel .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-bglabel .bar-button-primary-light-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-bglabel .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-bglabel .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-bglabel .bar-button-bgicon-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-bglabel .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bglabel .bar-button-bgicon-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bglabel .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bglabel .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-bglabel .bar-button-primary-text-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-bglabel .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-bglabel .bar-button-primary-text-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-bglabel .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-bglabel .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-bglabel .bar-button-white-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-white,
.toolbar-ios-bglabel .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-bglabel .bar-button-white-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-bglabel .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-bglabel .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-bglabel .bar-button-success-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-success,
.toolbar-ios-bglabel .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-bglabel .bar-button-success-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-bglabel .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-bglabel .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-bglabel .bar-button-info-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-info,
.toolbar-ios-bglabel .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-bglabel .bar-button-info-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-bglabel .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-bglabel .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-bglabel .bar-button-warning-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-warning,
.toolbar-ios-bglabel .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-bglabel .bar-button-warning-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-bglabel .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-bglabel .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-bglabel .bar-button-danger-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-danger,
.toolbar-ios-bglabel .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-bglabel .bar-button-danger-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-bglabel .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-bglabel .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-bglabel .bar-button-tam-ios,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-tam,
.toolbar-ios-bglabel .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-bglabel .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-bglabel .bar-button-tam-ios.activated,
.toolbar-ios-bglabel .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-bglabel .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-bglabel .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-bglabel .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-bglabel .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-bglabel .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bglabel-ios,
.bar-button-default.bar-button-ios-bglabel,
.bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.bar-button-bglabel-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.bar-button-bglabel-ios.activated,
.bar-button-default.bar-button-ios-bglabel.activated,
.bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-primary-light .toolbar-background-ios {
  background: #08b2be;
}

.toolbar-ios-primary-light .toolbar-title-ios,
.toolbar-ios-primary-light .bar-button-clear-ios,
.toolbar-ios-primary-light .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-primary-light .bar-button-primary-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-primary,
.toolbar-ios-primary-light .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-primary-light .bar-button-primary-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-primary-light .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-primary-light .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-primary-light .bar-button-secondary-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-primary-light .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-primary-light .bar-button-secondary-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-light .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-light .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-primary-light .bar-button-danger-low-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-primary-light .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-primary-light .bar-button-danger-low-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-primary-light .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-primary-light .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-primary-light .bar-button-light-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-light,
.toolbar-ios-primary-light .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-primary-light .bar-button-light-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-primary-light .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-primary-light .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-primary-light .bar-button-dark-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-dark,
.toolbar-ios-primary-light .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-primary-light .bar-button-dark-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-primary-light .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-primary-light .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-primary-light .bar-button-favorite-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-primary-light .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-primary-light .bar-button-favorite-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-primary-light .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-primary-light .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-primary-light .bar-button-darkgrey-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-primary-light .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-primary-light .bar-button-darkgrey-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-primary-light .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-primary-light .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-primary-light .bar-button-emerald-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-primary-light .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-primary-light .bar-button-emerald-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-primary-light .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-primary-light .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-primary-light .bar-button-concrete-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-primary-light .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-primary-light .bar-button-concrete-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-primary-light .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-primary-light .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-primary-light .bar-button-yellow-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-primary-light .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-primary-light .bar-button-yellow-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-primary-light .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-primary-light .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-primary-light .bar-button-black-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-black,
.toolbar-ios-primary-light .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-primary-light .bar-button-black-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-primary-light .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-primary-light .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-primary-light .bar-button-grey-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-grey,
.toolbar-ios-primary-light .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-primary-light .bar-button-grey-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-primary-light .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-primary-light .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-primary-light .bar-button-red-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-red,
.toolbar-ios-primary-light .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-primary-light .bar-button-red-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-primary-light .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-primary-light .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-primary-light .bar-button-notif-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-notif,
.toolbar-ios-primary-light .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-primary-light .bar-button-notif-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-primary-light .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-primary-light .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-primary-light .bar-button-new-badge-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-primary-light .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-primary-light .bar-button-new-badge-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-light .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-light .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-primary-light .bar-button-accent-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-accent,
.toolbar-ios-primary-light .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-primary-light .bar-button-accent-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-light .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-light .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-primary-light .bar-button-skeleton-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-primary-light .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-primary-light .bar-button-skeleton-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-primary-light .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-primary-light .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-primary-light .bar-button-outline-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-outline,
.toolbar-ios-primary-light .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-primary-light .bar-button-outline-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-primary-light .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-primary-light .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-primary-light .bar-button-secondary-text-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-primary-light .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-primary-light .bar-button-secondary-text-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-primary-light .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-primary-light .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-primary-light .bar-button-text-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-text,
.toolbar-ios-primary-light .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-primary-light .bar-button-text-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-primary-light .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-primary-light .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-primary-light .bar-button-label-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-label,
.toolbar-ios-primary-light .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-primary-light .bar-button-label-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-primary-light .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-primary-light .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-primary-light .bar-button-hover-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-hover,
.toolbar-ios-primary-light .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-primary-light .bar-button-hover-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-primary-light .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-primary-light .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-primary-light .bar-button-hover-dark-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-primary-light .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-primary-light .bar-button-hover-dark-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-primary-light .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-primary-light .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-primary-light .bar-button-bgcard-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-primary-light .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-primary-light .bar-button-bgcard-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-primary-light .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-primary-light .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-primary-light .bar-button-bgcard2-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-primary-light .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-primary-light .bar-button-bgcard2-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-primary-light .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-primary-light .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-primary-light .bar-button-bglabel-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-primary-light .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-primary-light .bar-button-bglabel-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-primary-light .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-primary-light .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-primary-light .bar-button-primary-light-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-primary-light .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-primary-light .bar-button-primary-light-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-primary-light .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-primary-light .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-primary-light .bar-button-bgicon-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-primary-light .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-primary-light .bar-button-bgicon-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-primary-light .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-primary-light .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-primary-light .bar-button-primary-text-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-primary-light .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-primary-light .bar-button-primary-text-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-primary-light .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-primary-light .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-primary-light .bar-button-white-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-white,
.toolbar-ios-primary-light .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-primary-light .bar-button-white-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-primary-light .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-primary-light .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-primary-light .bar-button-success-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-success,
.toolbar-ios-primary-light .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-primary-light .bar-button-success-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-primary-light .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-primary-light .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-primary-light .bar-button-info-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-info,
.toolbar-ios-primary-light .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-primary-light .bar-button-info-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-primary-light .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-primary-light .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-primary-light .bar-button-warning-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-warning,
.toolbar-ios-primary-light .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-primary-light .bar-button-warning-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-primary-light .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-primary-light .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-primary-light .bar-button-danger-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-danger,
.toolbar-ios-primary-light .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-primary-light .bar-button-danger-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-primary-light .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-primary-light .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-primary-light .bar-button-tam-ios,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-tam,
.toolbar-ios-primary-light .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-primary-light .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-primary-light .bar-button-tam-ios.activated,
.toolbar-ios-primary-light .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-primary-light .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-primary-light .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-primary-light .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-primary-light .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-primary-light .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-primary-light-ios,
.bar-button-default.bar-button-ios-primary-light,
.bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.bar-button-primary-light-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.bar-button-primary-light-ios.activated,
.bar-button-default.bar-button-ios-primary-light.activated,
.bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-bgicon .toolbar-background-ios {
  background: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bgicon .toolbar-title-ios,
.toolbar-ios-bgicon .bar-button-clear-ios,
.toolbar-ios-bgicon .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-bgicon .bar-button-primary-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-primary,
.toolbar-ios-bgicon .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-bgicon .bar-button-primary-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-bgicon .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-bgicon .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-bgicon .bar-button-secondary-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-bgicon .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bgicon .bar-button-secondary-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgicon .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgicon .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bgicon .bar-button-danger-low-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-bgicon .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-bgicon .bar-button-danger-low-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-bgicon .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-bgicon .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-bgicon .bar-button-light-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-light,
.toolbar-ios-bgicon .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-bgicon .bar-button-light-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-bgicon .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-bgicon .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-bgicon .bar-button-dark-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-dark,
.toolbar-ios-bgicon .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-bgicon .bar-button-dark-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-bgicon .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-bgicon .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-bgicon .bar-button-favorite-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-bgicon .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-bgicon .bar-button-favorite-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-bgicon .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-bgicon .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-bgicon .bar-button-darkgrey-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-bgicon .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-bgicon .bar-button-darkgrey-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-bgicon .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-bgicon .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-bgicon .bar-button-emerald-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-bgicon .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-bgicon .bar-button-emerald-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-bgicon .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-bgicon .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-bgicon .bar-button-concrete-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-bgicon .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-bgicon .bar-button-concrete-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-bgicon .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-bgicon .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-bgicon .bar-button-yellow-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-bgicon .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-bgicon .bar-button-yellow-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-bgicon .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-bgicon .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-bgicon .bar-button-black-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-black,
.toolbar-ios-bgicon .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-bgicon .bar-button-black-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-bgicon .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-bgicon .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-bgicon .bar-button-grey-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-grey,
.toolbar-ios-bgicon .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-bgicon .bar-button-grey-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-bgicon .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-bgicon .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-bgicon .bar-button-red-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-red,
.toolbar-ios-bgicon .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-bgicon .bar-button-red-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-bgicon .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-bgicon .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-bgicon .bar-button-notif-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-notif,
.toolbar-ios-bgicon .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-bgicon .bar-button-notif-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-bgicon .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-bgicon .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-bgicon .bar-button-new-badge-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-bgicon .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bgicon .bar-button-new-badge-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgicon .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgicon .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bgicon .bar-button-accent-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-accent,
.toolbar-ios-bgicon .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-bgicon .bar-button-accent-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgicon .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-bgicon .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-bgicon .bar-button-skeleton-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-bgicon .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-bgicon .bar-button-skeleton-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-bgicon .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-bgicon .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-bgicon .bar-button-outline-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-outline,
.toolbar-ios-bgicon .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-bgicon .bar-button-outline-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-bgicon .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-bgicon .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-bgicon .bar-button-secondary-text-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-bgicon .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-bgicon .bar-button-secondary-text-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-bgicon .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-bgicon .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-bgicon .bar-button-text-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-text,
.toolbar-ios-bgicon .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-bgicon .bar-button-text-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-bgicon .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-bgicon .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-bgicon .bar-button-label-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-label,
.toolbar-ios-bgicon .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-bgicon .bar-button-label-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-bgicon .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-bgicon .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-bgicon .bar-button-hover-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-hover,
.toolbar-ios-bgicon .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-bgicon .bar-button-hover-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-bgicon .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-bgicon .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-bgicon .bar-button-hover-dark-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-bgicon .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bgicon .bar-button-hover-dark-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bgicon .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-bgicon .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-bgicon .bar-button-bgcard-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-bgicon .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-bgicon .bar-button-bgcard-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-bgicon .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-bgicon .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-bgicon .bar-button-bgcard2-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-bgicon .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-bgicon .bar-button-bgcard2-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-bgicon .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-bgicon .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-bgicon .bar-button-bglabel-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-bgicon .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-bgicon .bar-button-bglabel-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-bgicon .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-bgicon .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-bgicon .bar-button-primary-light-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-bgicon .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-bgicon .bar-button-primary-light-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-bgicon .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-bgicon .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-bgicon .bar-button-bgicon-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-bgicon .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bgicon .bar-button-bgicon-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bgicon .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-bgicon .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-bgicon .bar-button-primary-text-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-bgicon .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-bgicon .bar-button-primary-text-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-bgicon .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-bgicon .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-bgicon .bar-button-white-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-white,
.toolbar-ios-bgicon .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-bgicon .bar-button-white-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-bgicon .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-bgicon .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-bgicon .bar-button-success-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-success,
.toolbar-ios-bgicon .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-bgicon .bar-button-success-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-bgicon .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-bgicon .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-bgicon .bar-button-info-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-info,
.toolbar-ios-bgicon .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-bgicon .bar-button-info-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-bgicon .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-bgicon .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-bgicon .bar-button-warning-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-warning,
.toolbar-ios-bgicon .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-bgicon .bar-button-warning-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-bgicon .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-bgicon .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-bgicon .bar-button-danger-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-danger,
.toolbar-ios-bgicon .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-bgicon .bar-button-danger-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-bgicon .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-bgicon .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-bgicon .bar-button-tam-ios,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-tam,
.toolbar-ios-bgicon .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-bgicon .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-bgicon .bar-button-tam-ios.activated,
.toolbar-ios-bgicon .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-bgicon .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-bgicon .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-bgicon .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-bgicon .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-bgicon .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bgicon-ios,
.bar-button-default.bar-button-ios-bgicon,
.bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.bar-button-bgicon-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.bar-button-bgicon-ios.activated,
.bar-button-default.bar-button-ios-bgicon.activated,
.bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-primary-text .toolbar-background-ios {
  background: #189dae;
}

.toolbar-ios-primary-text .toolbar-title-ios,
.toolbar-ios-primary-text .bar-button-clear-ios,
.toolbar-ios-primary-text .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-primary-text .bar-button-primary-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-primary,
.toolbar-ios-primary-text .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-primary-text .bar-button-primary-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-primary-text .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-primary-text .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-primary-text .bar-button-secondary-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-primary-text .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-primary-text .bar-button-secondary-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-text .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-text .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-primary-text .bar-button-danger-low-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-primary-text .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-primary-text .bar-button-danger-low-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-primary-text .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-primary-text .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-primary-text .bar-button-light-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-light,
.toolbar-ios-primary-text .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-primary-text .bar-button-light-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-primary-text .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-primary-text .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-primary-text .bar-button-dark-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-dark,
.toolbar-ios-primary-text .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-primary-text .bar-button-dark-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-primary-text .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-primary-text .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-primary-text .bar-button-favorite-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-primary-text .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-primary-text .bar-button-favorite-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-primary-text .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-primary-text .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-primary-text .bar-button-darkgrey-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-primary-text .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-primary-text .bar-button-darkgrey-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-primary-text .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-primary-text .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-primary-text .bar-button-emerald-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-primary-text .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-primary-text .bar-button-emerald-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-primary-text .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-primary-text .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-primary-text .bar-button-concrete-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-primary-text .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-primary-text .bar-button-concrete-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-primary-text .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-primary-text .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-primary-text .bar-button-yellow-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-primary-text .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-primary-text .bar-button-yellow-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-primary-text .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-primary-text .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-primary-text .bar-button-black-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-black,
.toolbar-ios-primary-text .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-primary-text .bar-button-black-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-primary-text .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-primary-text .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-primary-text .bar-button-grey-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-grey,
.toolbar-ios-primary-text .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-primary-text .bar-button-grey-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-primary-text .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-primary-text .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-primary-text .bar-button-red-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-red,
.toolbar-ios-primary-text .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-primary-text .bar-button-red-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-primary-text .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-primary-text .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-primary-text .bar-button-notif-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-notif,
.toolbar-ios-primary-text .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-primary-text .bar-button-notif-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-primary-text .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-primary-text .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-primary-text .bar-button-new-badge-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-primary-text .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-primary-text .bar-button-new-badge-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-text .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-text .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-primary-text .bar-button-accent-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-accent,
.toolbar-ios-primary-text .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-primary-text .bar-button-accent-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-text .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-primary-text .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-primary-text .bar-button-skeleton-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-primary-text .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-primary-text .bar-button-skeleton-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-primary-text .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-primary-text .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-primary-text .bar-button-outline-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-outline,
.toolbar-ios-primary-text .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-primary-text .bar-button-outline-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-primary-text .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-primary-text .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-primary-text .bar-button-secondary-text-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-primary-text .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-primary-text .bar-button-secondary-text-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-primary-text .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-primary-text .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-primary-text .bar-button-text-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-text,
.toolbar-ios-primary-text .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-primary-text .bar-button-text-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-primary-text .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-primary-text .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-primary-text .bar-button-label-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-label,
.toolbar-ios-primary-text .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-primary-text .bar-button-label-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-primary-text .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-primary-text .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-primary-text .bar-button-hover-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-hover,
.toolbar-ios-primary-text .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-primary-text .bar-button-hover-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-primary-text .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-primary-text .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-primary-text .bar-button-hover-dark-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-primary-text .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-primary-text .bar-button-hover-dark-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-primary-text .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-primary-text .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-primary-text .bar-button-bgcard-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-primary-text .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-primary-text .bar-button-bgcard-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-primary-text .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-primary-text .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-primary-text .bar-button-bgcard2-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-primary-text .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-primary-text .bar-button-bgcard2-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-primary-text .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-primary-text .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-primary-text .bar-button-bglabel-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-primary-text .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-primary-text .bar-button-bglabel-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-primary-text .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-primary-text .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-primary-text .bar-button-primary-light-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-primary-text .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-primary-text .bar-button-primary-light-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-primary-text .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-primary-text .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-primary-text .bar-button-bgicon-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-primary-text .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-primary-text .bar-button-bgicon-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-primary-text .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-primary-text .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-primary-text .bar-button-primary-text-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-primary-text .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-primary-text .bar-button-primary-text-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-primary-text .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-primary-text .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-primary-text .bar-button-white-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-white,
.toolbar-ios-primary-text .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-primary-text .bar-button-white-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-primary-text .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-primary-text .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-primary-text .bar-button-success-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-success,
.toolbar-ios-primary-text .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-primary-text .bar-button-success-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-primary-text .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-primary-text .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-primary-text .bar-button-info-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-info,
.toolbar-ios-primary-text .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-primary-text .bar-button-info-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-primary-text .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-primary-text .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-primary-text .bar-button-warning-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-warning,
.toolbar-ios-primary-text .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-primary-text .bar-button-warning-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-primary-text .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-primary-text .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-primary-text .bar-button-danger-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-danger,
.toolbar-ios-primary-text .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-primary-text .bar-button-danger-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-primary-text .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-primary-text .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-primary-text .bar-button-tam-ios,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-tam,
.toolbar-ios-primary-text .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-primary-text .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-primary-text .bar-button-tam-ios.activated,
.toolbar-ios-primary-text .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-primary-text .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-primary-text .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-primary-text .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-primary-text .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-primary-text .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-primary-text-ios,
.bar-button-default.bar-button-ios-primary-text,
.bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.bar-button-primary-text-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.bar-button-primary-text-ios.activated,
.bar-button-default.bar-button-ios-primary-text.activated,
.bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-white .toolbar-background-ios {
  background: #FFFFFF;
}

.toolbar-ios-white .toolbar-title-ios,
.toolbar-ios-white .bar-button-clear-ios,
.toolbar-ios-white .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-white .bar-button-primary-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary,
.toolbar-ios-white .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-white .bar-button-primary-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-white .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-white .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-white .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-white .bar-button-secondary-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-white .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-white .bar-button-secondary-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-white .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-white .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-white .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-white .bar-button-danger-low-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-white .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-white .bar-button-danger-low-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-white .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-white .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-white .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-white .bar-button-light-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-light,
.toolbar-ios-white .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-white .bar-button-light-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-white .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-white .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-white .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-white .bar-button-dark-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-dark,
.toolbar-ios-white .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-white .bar-button-dark-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-white .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-white .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-white .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-white .bar-button-favorite-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-white .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-white .bar-button-favorite-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-white .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-white .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-white .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-white .bar-button-darkgrey-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-white .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-white .bar-button-darkgrey-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-white .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-white .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-white .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-white .bar-button-emerald-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-white .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-white .bar-button-emerald-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-white .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-white .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-white .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-white .bar-button-concrete-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-white .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-white .bar-button-concrete-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-white .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-white .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-white .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-white .bar-button-yellow-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-white .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-white .bar-button-yellow-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-white .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-white .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-white .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-white .bar-button-black-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-black,
.toolbar-ios-white .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-white .bar-button-black-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-white .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-white .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-white .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-white .bar-button-grey-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-grey,
.toolbar-ios-white .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-white .bar-button-grey-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-white .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-white .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-white .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-white .bar-button-red-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-red,
.toolbar-ios-white .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-white .bar-button-red-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-white .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-white .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-white .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-white .bar-button-notif-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-notif,
.toolbar-ios-white .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-white .bar-button-notif-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-white .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-white .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-white .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-white .bar-button-new-badge-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-white .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-white .bar-button-new-badge-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-white .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-white .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-white .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-white .bar-button-accent-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-accent,
.toolbar-ios-white .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-white .bar-button-accent-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-white .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-white .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-white .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-white .bar-button-skeleton-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-white .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-white .bar-button-skeleton-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-white .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-white .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-white .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-white .bar-button-outline-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-outline,
.toolbar-ios-white .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-white .bar-button-outline-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-white .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-white .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-white .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-white .bar-button-secondary-text-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-white .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-white .bar-button-secondary-text-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-white .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-white .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-white .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-white .bar-button-text-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-text,
.toolbar-ios-white .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-white .bar-button-text-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-white .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-white .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-white .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-white .bar-button-label-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-label,
.toolbar-ios-white .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-white .bar-button-label-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-white .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-white .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-white .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-white .bar-button-hover-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-hover,
.toolbar-ios-white .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-white .bar-button-hover-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-white .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-white .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-white .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-white .bar-button-hover-dark-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-white .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-white .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-white .bar-button-hover-dark-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-white .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-white .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-white .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-white .bar-button-bgcard-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-white .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-white .bar-button-bgcard-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-white .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-white .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-white .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-white .bar-button-bgcard2-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-white .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-white .bar-button-bgcard2-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-white .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-white .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-white .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-white .bar-button-bglabel-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-white .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-white .bar-button-bglabel-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-white .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-white .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-white .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-white .bar-button-primary-light-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-white .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-white .bar-button-primary-light-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-white .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-white .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-white .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-white .bar-button-bgicon-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-white .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-white .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-white .bar-button-bgicon-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-white .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-white .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-white .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-white .bar-button-primary-text-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-white .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-white .bar-button-primary-text-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-white .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-white .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-white .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-white .bar-button-white-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-white,
.toolbar-ios-white .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-white .bar-button-white-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-white .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-white .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-white .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-white .bar-button-success-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-success,
.toolbar-ios-white .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-white .bar-button-success-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-white .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-white .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-white .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-white .bar-button-info-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-info,
.toolbar-ios-white .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-white .bar-button-info-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-white .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-white .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-white .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-white .bar-button-warning-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-warning,
.toolbar-ios-white .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-white .bar-button-warning-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-white .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-white .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-white .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-white .bar-button-danger-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-danger,
.toolbar-ios-white .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-white .bar-button-danger-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-white .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-white .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-white .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-white .bar-button-tam-ios,
.toolbar-ios-white .bar-button-default.bar-button-ios-tam,
.toolbar-ios-white .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-white .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-white .bar-button-tam-ios.activated,
.toolbar-ios-white .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-white .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-white .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-white .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-white .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-white .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-white-ios,
.bar-button-default.bar-button-ios-white,
.bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.bar-button-white-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.bar-button-white-ios.activated,
.bar-button-default.bar-button-ios-white.activated,
.bar-button-clear-ios-white.activated {
  opacity: .4;
}

.bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-success .toolbar-background-ios {
  background: #2BB34D;
}

.toolbar-ios-success .toolbar-title-ios,
.toolbar-ios-success .bar-button-clear-ios,
.toolbar-ios-success .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-success .bar-button-primary-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-primary,
.toolbar-ios-success .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-success .bar-button-primary-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-success .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-success .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-success .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-success .bar-button-secondary-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-success .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-success .bar-button-secondary-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-success .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-success .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-success .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-success .bar-button-danger-low-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-success .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-success .bar-button-danger-low-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-success .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-success .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-success .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-success .bar-button-light-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-light,
.toolbar-ios-success .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-success .bar-button-light-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-success .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-success .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-success .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-success .bar-button-dark-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-dark,
.toolbar-ios-success .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-success .bar-button-dark-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-success .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-success .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-success .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-success .bar-button-favorite-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-success .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-success .bar-button-favorite-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-success .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-success .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-success .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-success .bar-button-darkgrey-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-success .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-success .bar-button-darkgrey-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-success .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-success .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-success .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-success .bar-button-emerald-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-success .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-success .bar-button-emerald-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-success .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-success .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-success .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-success .bar-button-concrete-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-success .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-success .bar-button-concrete-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-success .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-success .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-success .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-success .bar-button-yellow-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-success .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-success .bar-button-yellow-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-success .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-success .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-success .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-success .bar-button-black-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-black,
.toolbar-ios-success .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-success .bar-button-black-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-success .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-success .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-success .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-success .bar-button-grey-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-grey,
.toolbar-ios-success .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-success .bar-button-grey-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-success .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-success .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-success .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-success .bar-button-red-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-red,
.toolbar-ios-success .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-success .bar-button-red-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-success .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-success .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-success .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-success .bar-button-notif-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-notif,
.toolbar-ios-success .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-success .bar-button-notif-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-success .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-success .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-success .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-success .bar-button-new-badge-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-success .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-success .bar-button-new-badge-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-success .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-success .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-success .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-success .bar-button-accent-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-accent,
.toolbar-ios-success .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-success .bar-button-accent-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-success .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-success .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-success .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-success .bar-button-skeleton-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-success .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-success .bar-button-skeleton-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-success .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-success .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-success .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-success .bar-button-outline-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-outline,
.toolbar-ios-success .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-success .bar-button-outline-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-success .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-success .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-success .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-success .bar-button-secondary-text-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-success .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-success .bar-button-secondary-text-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-success .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-success .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-success .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-success .bar-button-text-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-text,
.toolbar-ios-success .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-success .bar-button-text-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-success .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-success .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-success .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-success .bar-button-label-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-label,
.toolbar-ios-success .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-success .bar-button-label-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-success .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-success .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-success .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-success .bar-button-hover-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-hover,
.toolbar-ios-success .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-success .bar-button-hover-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-success .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-success .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-success .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-success .bar-button-hover-dark-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-success .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-success .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-success .bar-button-hover-dark-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-success .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-success .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-success .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-success .bar-button-bgcard-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-success .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-success .bar-button-bgcard-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-success .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-success .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-success .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-success .bar-button-bgcard2-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-success .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-success .bar-button-bgcard2-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-success .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-success .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-success .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-success .bar-button-bglabel-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-success .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-success .bar-button-bglabel-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-success .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-success .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-success .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-success .bar-button-primary-light-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-success .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-success .bar-button-primary-light-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-success .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-success .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-success .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-success .bar-button-bgicon-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-success .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-success .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-success .bar-button-bgicon-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-success .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-success .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-success .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-success .bar-button-primary-text-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-success .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-success .bar-button-primary-text-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-success .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-success .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-success .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-success .bar-button-white-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-white,
.toolbar-ios-success .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-success .bar-button-white-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-success .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-success .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-success .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-success .bar-button-success-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-success,
.toolbar-ios-success .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-success .bar-button-success-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-success .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-success .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-success .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-success .bar-button-info-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-info,
.toolbar-ios-success .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-success .bar-button-info-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-success .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-success .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-success .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-success .bar-button-warning-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-warning,
.toolbar-ios-success .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-success .bar-button-warning-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-success .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-success .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-success .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-success .bar-button-danger-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-danger,
.toolbar-ios-success .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-success .bar-button-danger-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-success .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-success .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-success .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-success .bar-button-tam-ios,
.toolbar-ios-success .bar-button-default.bar-button-ios-tam,
.toolbar-ios-success .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-success .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-success .bar-button-tam-ios.activated,
.toolbar-ios-success .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-success .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-success .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-success .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-success .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-success .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-success-ios,
.bar-button-default.bar-button-ios-success,
.bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.bar-button-success-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.bar-button-success-ios.activated,
.bar-button-default.bar-button-ios-success.activated,
.bar-button-clear-ios-success.activated {
  opacity: .4;
}

.bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-info .toolbar-background-ios {
  background: #1A73E8;
}

.toolbar-ios-info .toolbar-title-ios,
.toolbar-ios-info .bar-button-clear-ios,
.toolbar-ios-info .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-info .bar-button-primary-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-primary,
.toolbar-ios-info .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-info .bar-button-primary-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-info .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-info .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-info .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-info .bar-button-secondary-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-info .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-info .bar-button-secondary-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-info .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-info .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-info .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-info .bar-button-danger-low-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-info .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-info .bar-button-danger-low-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-info .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-info .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-info .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-info .bar-button-light-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-light,
.toolbar-ios-info .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-info .bar-button-light-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-info .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-info .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-info .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-info .bar-button-dark-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-dark,
.toolbar-ios-info .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-info .bar-button-dark-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-info .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-info .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-info .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-info .bar-button-favorite-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-info .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-info .bar-button-favorite-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-info .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-info .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-info .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-info .bar-button-darkgrey-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-info .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-info .bar-button-darkgrey-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-info .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-info .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-info .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-info .bar-button-emerald-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-info .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-info .bar-button-emerald-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-info .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-info .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-info .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-info .bar-button-concrete-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-info .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-info .bar-button-concrete-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-info .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-info .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-info .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-info .bar-button-yellow-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-info .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-info .bar-button-yellow-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-info .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-info .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-info .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-info .bar-button-black-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-black,
.toolbar-ios-info .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-info .bar-button-black-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-info .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-info .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-info .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-info .bar-button-grey-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-grey,
.toolbar-ios-info .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-info .bar-button-grey-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-info .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-info .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-info .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-info .bar-button-red-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-red,
.toolbar-ios-info .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-info .bar-button-red-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-info .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-info .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-info .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-info .bar-button-notif-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-notif,
.toolbar-ios-info .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-info .bar-button-notif-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-info .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-info .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-info .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-info .bar-button-new-badge-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-info .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-info .bar-button-new-badge-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-info .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-info .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-info .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-info .bar-button-accent-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-accent,
.toolbar-ios-info .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-info .bar-button-accent-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-info .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-info .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-info .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-info .bar-button-skeleton-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-info .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-info .bar-button-skeleton-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-info .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-info .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-info .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-info .bar-button-outline-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-outline,
.toolbar-ios-info .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-info .bar-button-outline-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-info .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-info .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-info .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-info .bar-button-secondary-text-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-info .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-info .bar-button-secondary-text-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-info .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-info .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-info .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-info .bar-button-text-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-text,
.toolbar-ios-info .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-info .bar-button-text-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-info .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-info .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-info .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-info .bar-button-label-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-label,
.toolbar-ios-info .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-info .bar-button-label-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-info .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-info .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-info .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-info .bar-button-hover-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-hover,
.toolbar-ios-info .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-info .bar-button-hover-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-info .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-info .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-info .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-info .bar-button-hover-dark-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-info .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-info .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-info .bar-button-hover-dark-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-info .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-info .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-info .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-info .bar-button-bgcard-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-info .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-info .bar-button-bgcard-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-info .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-info .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-info .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-info .bar-button-bgcard2-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-info .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-info .bar-button-bgcard2-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-info .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-info .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-info .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-info .bar-button-bglabel-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-info .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-info .bar-button-bglabel-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-info .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-info .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-info .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-info .bar-button-primary-light-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-info .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-info .bar-button-primary-light-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-info .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-info .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-info .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-info .bar-button-bgicon-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-info .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-info .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-info .bar-button-bgicon-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-info .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-info .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-info .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-info .bar-button-primary-text-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-info .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-info .bar-button-primary-text-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-info .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-info .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-info .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-info .bar-button-white-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-white,
.toolbar-ios-info .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-info .bar-button-white-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-info .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-info .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-info .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-info .bar-button-success-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-success,
.toolbar-ios-info .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-info .bar-button-success-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-info .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-info .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-info .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-info .bar-button-info-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-info,
.toolbar-ios-info .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-info .bar-button-info-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-info .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-info .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-info .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-info .bar-button-warning-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-warning,
.toolbar-ios-info .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-info .bar-button-warning-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-info .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-info .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-info .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-info .bar-button-danger-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-danger,
.toolbar-ios-info .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-info .bar-button-danger-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-info .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-info .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-info .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-info .bar-button-tam-ios,
.toolbar-ios-info .bar-button-default.bar-button-ios-tam,
.toolbar-ios-info .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-info .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-info .bar-button-tam-ios.activated,
.toolbar-ios-info .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-info .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-info .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-info .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-info .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-info .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-info-ios,
.bar-button-default.bar-button-ios-info,
.bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.bar-button-info-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.bar-button-info-ios.activated,
.bar-button-default.bar-button-ios-info.activated,
.bar-button-clear-ios-info.activated {
  opacity: .4;
}

.bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-warning .toolbar-background-ios {
  background: #FFAB00;
}

.toolbar-ios-warning .toolbar-title-ios,
.toolbar-ios-warning .bar-button-clear-ios,
.toolbar-ios-warning .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-warning .bar-button-primary-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-primary,
.toolbar-ios-warning .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-warning .bar-button-primary-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-warning .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-warning .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-warning .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-warning .bar-button-secondary-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-warning .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-warning .bar-button-secondary-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-warning .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-warning .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-warning .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-warning .bar-button-danger-low-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-warning .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-warning .bar-button-danger-low-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-warning .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-warning .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-warning .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-warning .bar-button-light-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-light,
.toolbar-ios-warning .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-warning .bar-button-light-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-warning .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-warning .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-warning .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-warning .bar-button-dark-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-dark,
.toolbar-ios-warning .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-warning .bar-button-dark-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-warning .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-warning .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-warning .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-warning .bar-button-favorite-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-warning .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-warning .bar-button-favorite-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-warning .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-warning .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-warning .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-warning .bar-button-darkgrey-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-warning .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-warning .bar-button-darkgrey-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-warning .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-warning .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-warning .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-warning .bar-button-emerald-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-warning .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-warning .bar-button-emerald-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-warning .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-warning .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-warning .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-warning .bar-button-concrete-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-warning .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-warning .bar-button-concrete-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-warning .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-warning .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-warning .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-warning .bar-button-yellow-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-warning .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-warning .bar-button-yellow-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-warning .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-warning .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-warning .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-warning .bar-button-black-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-black,
.toolbar-ios-warning .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-warning .bar-button-black-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-warning .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-warning .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-warning .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-warning .bar-button-grey-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-grey,
.toolbar-ios-warning .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-warning .bar-button-grey-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-warning .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-warning .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-warning .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-warning .bar-button-red-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-red,
.toolbar-ios-warning .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-warning .bar-button-red-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-warning .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-warning .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-warning .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-warning .bar-button-notif-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-notif,
.toolbar-ios-warning .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-warning .bar-button-notif-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-warning .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-warning .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-warning .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-warning .bar-button-new-badge-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-warning .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-warning .bar-button-new-badge-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-warning .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-warning .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-warning .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-warning .bar-button-accent-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-accent,
.toolbar-ios-warning .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-warning .bar-button-accent-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-warning .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-warning .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-warning .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-warning .bar-button-skeleton-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-warning .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-warning .bar-button-skeleton-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-warning .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-warning .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-warning .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-warning .bar-button-outline-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-outline,
.toolbar-ios-warning .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-warning .bar-button-outline-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-warning .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-warning .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-warning .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-warning .bar-button-secondary-text-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-warning .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-warning .bar-button-secondary-text-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-warning .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-warning .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-warning .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-warning .bar-button-text-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-text,
.toolbar-ios-warning .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-warning .bar-button-text-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-warning .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-warning .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-warning .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-warning .bar-button-label-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-label,
.toolbar-ios-warning .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-warning .bar-button-label-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-warning .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-warning .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-warning .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-warning .bar-button-hover-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-hover,
.toolbar-ios-warning .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-warning .bar-button-hover-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-warning .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-warning .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-warning .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-warning .bar-button-hover-dark-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-warning .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-warning .bar-button-hover-dark-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-warning .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-warning .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-warning .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-warning .bar-button-bgcard-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-warning .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-warning .bar-button-bgcard-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-warning .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-warning .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-warning .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-warning .bar-button-bgcard2-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-warning .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-warning .bar-button-bgcard2-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-warning .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-warning .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-warning .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-warning .bar-button-bglabel-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-warning .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-warning .bar-button-bglabel-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-warning .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-warning .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-warning .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-warning .bar-button-primary-light-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-warning .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-warning .bar-button-primary-light-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-warning .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-warning .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-warning .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-warning .bar-button-bgicon-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-warning .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-warning .bar-button-bgicon-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-warning .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-warning .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-warning .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-warning .bar-button-primary-text-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-warning .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-warning .bar-button-primary-text-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-warning .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-warning .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-warning .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-warning .bar-button-white-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-white,
.toolbar-ios-warning .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-warning .bar-button-white-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-warning .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-warning .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-warning .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-warning .bar-button-success-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-success,
.toolbar-ios-warning .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-warning .bar-button-success-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-warning .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-warning .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-warning .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-warning .bar-button-info-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-info,
.toolbar-ios-warning .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-warning .bar-button-info-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-warning .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-warning .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-warning .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-warning .bar-button-warning-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-warning,
.toolbar-ios-warning .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-warning .bar-button-warning-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-warning .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-warning .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-warning .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-warning .bar-button-danger-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-danger,
.toolbar-ios-warning .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-warning .bar-button-danger-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-warning .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-warning .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-warning .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-warning .bar-button-tam-ios,
.toolbar-ios-warning .bar-button-default.bar-button-ios-tam,
.toolbar-ios-warning .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-warning .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-warning .bar-button-tam-ios.activated,
.toolbar-ios-warning .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-warning .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-warning .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-warning .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-warning .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-warning .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-warning-ios,
.bar-button-default.bar-button-ios-warning,
.bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.bar-button-warning-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.bar-button-warning-ios.activated,
.bar-button-default.bar-button-ios-warning.activated,
.bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-danger .toolbar-background-ios {
  background: #F0624D;
}

.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: #F68A22;
  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: #F68A22;
}

.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: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-danger .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-danger .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.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: #63BEFB;
  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: #63BEFB;
}

.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: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-danger .bar-button-danger-low-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-danger .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-danger .bar-button-danger-low-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-danger .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-danger .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-danger .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-danger .bar-button-light-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-light,
.toolbar-ios-danger .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-danger .bar-button-light-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-danger .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-danger .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-danger .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-danger .bar-button-dark-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark,
.toolbar-ios-danger .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-danger .bar-button-dark-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-danger .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-danger .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-danger .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-danger .bar-button-favorite-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-danger .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-danger .bar-button-favorite-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-danger .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-danger .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-danger .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-danger .bar-button-darkgrey-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-danger .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-danger .bar-button-darkgrey-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-danger .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-danger .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-danger .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-danger .bar-button-emerald-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-danger .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-danger .bar-button-emerald-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-danger .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-danger .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-danger .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-danger .bar-button-concrete-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-danger .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-danger .bar-button-concrete-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-danger .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-danger .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-danger .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-danger .bar-button-yellow-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-danger .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-danger .bar-button-yellow-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-danger .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-danger .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-danger .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-danger .bar-button-black-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-black,
.toolbar-ios-danger .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-danger .bar-button-black-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-danger .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-danger .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-danger .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-danger .bar-button-grey-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-grey,
.toolbar-ios-danger .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-danger .bar-button-grey-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-danger .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-danger .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-danger .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-danger .bar-button-red-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-red,
.toolbar-ios-danger .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-danger .bar-button-red-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-danger .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-danger .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-danger .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-danger .bar-button-notif-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-notif,
.toolbar-ios-danger .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-danger .bar-button-notif-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-danger .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-danger .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-danger .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-danger .bar-button-new-badge-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-danger .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-danger .bar-button-new-badge-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-danger .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-danger .bar-button-accent-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-accent,
.toolbar-ios-danger .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-danger .bar-button-accent-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-danger .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-danger .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-danger .bar-button-skeleton-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-danger .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-danger .bar-button-skeleton-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-danger .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-danger .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-danger .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-danger .bar-button-outline-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-outline,
.toolbar-ios-danger .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-danger .bar-button-outline-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-danger .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-danger .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-danger .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-danger .bar-button-secondary-text-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-danger .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-danger .bar-button-secondary-text-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-danger .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-danger .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-danger .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-danger .bar-button-text-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-text,
.toolbar-ios-danger .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-danger .bar-button-text-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-danger .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-danger .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-danger .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-danger .bar-button-label-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-label,
.toolbar-ios-danger .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-danger .bar-button-label-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-danger .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-danger .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-danger .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-danger .bar-button-hover-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-hover,
.toolbar-ios-danger .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-danger .bar-button-hover-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-danger .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-danger .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-danger .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-danger .bar-button-hover-dark-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-danger .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-danger .bar-button-hover-dark-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-danger .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-danger .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-danger .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-danger .bar-button-bgcard-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-danger .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-danger .bar-button-bgcard-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-danger .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-danger .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-danger .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-danger .bar-button-bgcard2-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-danger .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-danger .bar-button-bgcard2-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-danger .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-danger .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-danger .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-danger .bar-button-bglabel-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-danger .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-danger .bar-button-bglabel-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-danger .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-danger .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-danger .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-danger .bar-button-primary-light-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-danger .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-danger .bar-button-primary-light-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-danger .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-danger .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-danger .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-danger .bar-button-bgicon-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-danger .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-danger .bar-button-bgicon-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-danger .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-danger .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-danger .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-danger .bar-button-primary-text-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-danger .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-danger .bar-button-primary-text-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-danger .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-danger .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-danger .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-danger .bar-button-white-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-white,
.toolbar-ios-danger .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-danger .bar-button-white-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-danger .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-danger .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-danger .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-danger .bar-button-success-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-success,
.toolbar-ios-danger .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-danger .bar-button-success-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-danger .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-danger .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-danger .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-danger .bar-button-info-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-info,
.toolbar-ios-danger .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-danger .bar-button-info-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-danger .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-danger .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-danger .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-danger .bar-button-warning-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-warning,
.toolbar-ios-danger .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-danger .bar-button-warning-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-danger .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-danger .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-danger .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.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: #F0624D;
  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: #F0624D;
}

.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: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-danger .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-danger .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-danger .bar-button-tam-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-tam,
.toolbar-ios-danger .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-danger .bar-button-tam-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-danger .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-danger .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-danger .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-danger-ios,
.bar-button-default.bar-button-ios-danger,
.bar-button-clear-ios-danger {
  color: #F0624D;
  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: #F0624D;
}

.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: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-tam .toolbar-background-ios {
  background: #CC0400;
}

.toolbar-ios-tam .toolbar-title-ios,
.toolbar-ios-tam .bar-button-clear-ios,
.toolbar-ios-tam .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-tam .bar-button-primary-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-primary,
.toolbar-ios-tam .bar-button-clear-ios-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-ios-tam .bar-button-primary-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-tam .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-primary {
  border-color: #F68A22;
  color: #F68A22;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-tam .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-ios-tam .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-ios-tam .bar-button-secondary-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-tam .bar-button-clear-ios-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-tam .bar-button-secondary-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-tam .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-secondary {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-tam .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-tam .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-tam .bar-button-danger-low-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-danger-low,
.toolbar-ios-tam .bar-button-clear-ios-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-danger-low-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-danger-low:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-ios-tam .bar-button-danger-low-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-danger-low.activated,
.toolbar-ios-tam .bar-button-clear-ios-danger-low.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-danger-low {
  border-color: #fb745e;
  color: #fb745e;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-danger-low.activated {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-tam .bar-button-solid-ios-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-ios-tam .bar-button-solid-ios-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-ios-tam .bar-button-light-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-light,
.toolbar-ios-tam .bar-button-clear-ios-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-ios-tam .bar-button-light-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-tam .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-light {
  border-color: #f4f4f4;
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-tam .bar-button-solid-ios-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-ios-tam .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-ios-tam .bar-button-dark-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-dark,
.toolbar-ios-tam .bar-button-clear-ios-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-dark-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-dark:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-ios-tam .bar-button-dark-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-dark.activated,
.toolbar-ios-tam .bar-button-clear-ios-dark.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-dark {
  border-color: #222;
  color: #222;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-dark.activated {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-tam .bar-button-solid-ios-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-ios-tam .bar-button-solid-ios-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-ios-tam .bar-button-favorite-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-favorite,
.toolbar-ios-tam .bar-button-clear-ios-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-favorite-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-favorite:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-ios-tam .bar-button-favorite-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-favorite.activated,
.toolbar-ios-tam .bar-button-clear-ios-favorite.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-favorite {
  border-color: #39B44A;
  color: #39B44A;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-favorite.activated {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-tam .bar-button-solid-ios-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-ios-tam .bar-button-solid-ios-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-ios-tam .bar-button-darkgrey-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-darkgrey,
.toolbar-ios-tam .bar-button-clear-ios-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-darkgrey-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-darkgrey:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-ios-tam .bar-button-darkgrey-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-darkgrey.activated,
.toolbar-ios-tam .bar-button-clear-ios-darkgrey.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-darkgrey {
  border-color: #8e9093;
  color: #8e9093;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-darkgrey.activated {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-tam .bar-button-solid-ios-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-ios-tam .bar-button-solid-ios-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-ios-tam .bar-button-emerald-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-emerald,
.toolbar-ios-tam .bar-button-clear-ios-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-emerald-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-emerald:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-ios-tam .bar-button-emerald-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-emerald.activated,
.toolbar-ios-tam .bar-button-clear-ios-emerald.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-emerald {
  border-color: #3498db;
  color: #3498db;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-emerald.activated {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-tam .bar-button-solid-ios-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-ios-tam .bar-button-solid-ios-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-ios-tam .bar-button-concrete-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-concrete,
.toolbar-ios-tam .bar-button-clear-ios-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-concrete-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-concrete:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-ios-tam .bar-button-concrete-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-concrete.activated,
.toolbar-ios-tam .bar-button-clear-ios-concrete.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-concrete {
  border-color: #bdc3c7;
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-concrete.activated {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-tam .bar-button-solid-ios-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-ios-tam .bar-button-solid-ios-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-ios-tam .bar-button-yellow-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-yellow,
.toolbar-ios-tam .bar-button-clear-ios-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-yellow-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-yellow:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-ios-tam .bar-button-yellow-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-yellow.activated,
.toolbar-ios-tam .bar-button-clear-ios-yellow.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-yellow {
  border-color: #ffff00;
  color: #ffff00;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-yellow.activated {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-tam .bar-button-solid-ios-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-ios-tam .bar-button-solid-ios-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-ios-tam .bar-button-black-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-black,
.toolbar-ios-tam .bar-button-clear-ios-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-black-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-black:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-ios-tam .bar-button-black-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-black.activated,
.toolbar-ios-tam .bar-button-clear-ios-black.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-black {
  border-color: #000000;
  color: #000000;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-black.activated {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-tam .bar-button-solid-ios-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-ios-tam .bar-button-solid-ios-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-ios-tam .bar-button-grey-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-grey,
.toolbar-ios-tam .bar-button-clear-ios-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-grey-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-grey:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-ios-tam .bar-button-grey-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-grey.activated,
.toolbar-ios-tam .bar-button-clear-ios-grey.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-grey {
  border-color: #808080;
  color: #808080;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-grey.activated {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-tam .bar-button-solid-ios-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-ios-tam .bar-button-solid-ios-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-ios-tam .bar-button-red-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-red,
.toolbar-ios-tam .bar-button-clear-ios-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-red-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-red:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-ios-tam .bar-button-red-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-red.activated,
.toolbar-ios-tam .bar-button-clear-ios-red.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-red {
  border-color: #ed4956;
  color: #ed4956;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-red.activated {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-tam .bar-button-solid-ios-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-ios-tam .bar-button-solid-ios-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-ios-tam .bar-button-notif-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-notif,
.toolbar-ios-tam .bar-button-clear-ios-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-notif-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-notif:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-ios-tam .bar-button-notif-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-notif.activated,
.toolbar-ios-tam .bar-button-clear-ios-notif.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-notif {
  border-color: #17DFC4;
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-notif.activated {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-tam .bar-button-solid-ios-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-ios-tam .bar-button-solid-ios-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-ios-tam .bar-button-new-badge-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-new-badge,
.toolbar-ios-tam .bar-button-clear-ios-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-new-badge-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-new-badge:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-tam .bar-button-new-badge-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-new-badge.activated,
.toolbar-ios-tam .bar-button-clear-ios-new-badge.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-new-badge {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-new-badge.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-tam .bar-button-solid-ios-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-tam .bar-button-solid-ios-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-tam .bar-button-accent-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-accent,
.toolbar-ios-tam .bar-button-clear-ios-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-accent-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-accent:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-ios-tam .bar-button-accent-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-accent.activated,
.toolbar-ios-tam .bar-button-clear-ios-accent.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-accent {
  border-color: #63BEFB;
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-accent.activated {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-tam .bar-button-solid-ios-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-ios-tam .bar-button-solid-ios-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-ios-tam .bar-button-skeleton-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-skeleton,
.toolbar-ios-tam .bar-button-clear-ios-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-skeleton-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-skeleton:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-ios-tam .bar-button-skeleton-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-skeleton.activated,
.toolbar-ios-tam .bar-button-clear-ios-skeleton.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-skeleton {
  border-color: #dddddd;
  color: #dddddd;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-skeleton.activated {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-tam .bar-button-solid-ios-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-ios-tam .bar-button-solid-ios-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-ios-tam .bar-button-outline-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-outline,
.toolbar-ios-tam .bar-button-clear-ios-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-outline:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-ios-tam .bar-button-outline-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-outline.activated,
.toolbar-ios-tam .bar-button-clear-ios-outline.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-outline {
  border-color: #dbdbe1;
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-outline.activated {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-tam .bar-button-solid-ios-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-ios-tam .bar-button-solid-ios-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-ios-tam .bar-button-secondary-text-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-secondary-text,
.toolbar-ios-tam .bar-button-clear-ios-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-secondary-text-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-secondary-text:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-ios-tam .bar-button-secondary-text-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-secondary-text.activated,
.toolbar-ios-tam .bar-button-clear-ios-secondary-text.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-secondary-text {
  border-color: #A5B0B7;
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-secondary-text.activated {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-tam .bar-button-solid-ios-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-ios-tam .bar-button-solid-ios-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-ios-tam .bar-button-text-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-text,
.toolbar-ios-tam .bar-button-clear-ios-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-text-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-text:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-ios-tam .bar-button-text-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-text.activated,
.toolbar-ios-tam .bar-button-clear-ios-text.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-text {
  border-color: #192528;
  color: #192528;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-text.activated {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-tam .bar-button-solid-ios-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-ios-tam .bar-button-solid-ios-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-ios-tam .bar-button-label-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-label,
.toolbar-ios-tam .bar-button-clear-ios-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-label-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-label:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-ios-tam .bar-button-label-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-label.activated,
.toolbar-ios-tam .bar-button-clear-ios-label.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-label {
  border-color: #333333;
  color: #333333;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-label.activated {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-tam .bar-button-solid-ios-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-ios-tam .bar-button-solid-ios-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-ios-tam .bar-button-hover-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-hover,
.toolbar-ios-tam .bar-button-clear-ios-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-hover-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-hover:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-ios-tam .bar-button-hover-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-hover.activated,
.toolbar-ios-tam .bar-button-clear-ios-hover.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-hover {
  border-color: #eff2f4;
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-hover.activated {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-tam .bar-button-solid-ios-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-ios-tam .bar-button-solid-ios-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-ios-tam .bar-button-hover-dark-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-hover-dark,
.toolbar-ios-tam .bar-button-clear-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-hover-dark-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-hover-dark:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-tam .bar-button-hover-dark-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-hover-dark.activated,
.toolbar-ios-tam .bar-button-clear-ios-hover-dark.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-hover-dark {
  border-color: rgba(162, 162, 162, 0.1);
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-tam .bar-button-solid-ios-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-ios-tam .bar-button-solid-ios-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-ios-tam .bar-button-bgcard-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-bgcard,
.toolbar-ios-tam .bar-button-clear-ios-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-bgcard-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-bgcard:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-ios-tam .bar-button-bgcard-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-bgcard.activated,
.toolbar-ios-tam .bar-button-clear-ios-bgcard.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-bgcard {
  border-color: #f2f5f8;
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-bgcard.activated {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-tam .bar-button-solid-ios-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-ios-tam .bar-button-solid-ios-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-ios-tam .bar-button-bgcard2-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-bgcard2,
.toolbar-ios-tam .bar-button-clear-ios-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-bgcard2-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-bgcard2:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-ios-tam .bar-button-bgcard2-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-bgcard2.activated,
.toolbar-ios-tam .bar-button-clear-ios-bgcard2.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-bgcard2 {
  border-color: #fcfcfc;
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-bgcard2.activated {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-tam .bar-button-solid-ios-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-ios-tam .bar-button-solid-ios-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-ios-tam .bar-button-bglabel-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-bglabel,
.toolbar-ios-tam .bar-button-clear-ios-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-bglabel-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-bglabel:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-ios-tam .bar-button-bglabel-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-bglabel.activated,
.toolbar-ios-tam .bar-button-clear-ios-bglabel.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-bglabel {
  border-color: #E2E9ED;
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-bglabel.activated {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-tam .bar-button-solid-ios-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-ios-tam .bar-button-solid-ios-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-ios-tam .bar-button-primary-light-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-primary-light,
.toolbar-ios-tam .bar-button-clear-ios-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-primary-light-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-primary-light:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-ios-tam .bar-button-primary-light-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-primary-light.activated,
.toolbar-ios-tam .bar-button-clear-ios-primary-light.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-primary-light {
  border-color: #08b2be;
  color: #08b2be;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-primary-light.activated {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-tam .bar-button-solid-ios-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-ios-tam .bar-button-solid-ios-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-ios-tam .bar-button-bgicon-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-bgicon,
.toolbar-ios-tam .bar-button-clear-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-bgicon-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-bgicon:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-tam .bar-button-bgicon-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-bgicon.activated,
.toolbar-ios-tam .bar-button-clear-ios-bgicon.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-bgicon {
  border-color: rgba(226, 233, 237, 0.6);
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-bgicon.activated {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-tam .bar-button-solid-ios-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-ios-tam .bar-button-solid-ios-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-ios-tam .bar-button-primary-text-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-primary-text,
.toolbar-ios-tam .bar-button-clear-ios-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-primary-text-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-primary-text:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-ios-tam .bar-button-primary-text-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-primary-text.activated,
.toolbar-ios-tam .bar-button-clear-ios-primary-text.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-primary-text {
  border-color: #189dae;
  color: #189dae;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-primary-text.activated {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-tam .bar-button-solid-ios-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-ios-tam .bar-button-solid-ios-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-ios-tam .bar-button-white-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-white,
.toolbar-ios-tam .bar-button-clear-ios-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-white-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-white:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-ios-tam .bar-button-white-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-white.activated,
.toolbar-ios-tam .bar-button-clear-ios-white.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-white {
  border-color: #FFFFFF;
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-white.activated {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-tam .bar-button-solid-ios-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-ios-tam .bar-button-solid-ios-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-tam .bar-button-success-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-success,
.toolbar-ios-tam .bar-button-clear-ios-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-success-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-success:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-ios-tam .bar-button-success-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-success.activated,
.toolbar-ios-tam .bar-button-clear-ios-success.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-success {
  border-color: #2BB34D;
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-success.activated {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-tam .bar-button-solid-ios-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-ios-tam .bar-button-solid-ios-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-ios-tam .bar-button-info-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-info,
.toolbar-ios-tam .bar-button-clear-ios-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-info-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-info:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-ios-tam .bar-button-info-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-info.activated,
.toolbar-ios-tam .bar-button-clear-ios-info.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-info {
  border-color: #1A73E8;
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-info.activated {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-tam .bar-button-solid-ios-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-ios-tam .bar-button-solid-ios-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-ios-tam .bar-button-warning-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-warning,
.toolbar-ios-tam .bar-button-clear-ios-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-warning-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-warning:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-ios-tam .bar-button-warning-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-warning.activated,
.toolbar-ios-tam .bar-button-clear-ios-warning.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-warning {
  border-color: #FFAB00;
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-warning.activated {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-tam .bar-button-solid-ios-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-ios-tam .bar-button-solid-ios-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-ios-tam .bar-button-danger-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-danger,
.toolbar-ios-tam .bar-button-clear-ios-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-ios-tam .bar-button-danger-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-tam .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-danger {
  border-color: #F0624D;
  color: #F0624D;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-tam .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-ios-tam .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-ios-tam .bar-button-tam-ios,
.toolbar-ios-tam .bar-button-default.bar-button-ios-tam,
.toolbar-ios-tam .bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-tam-ios:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.toolbar-ios-tam .bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-ios-tam .bar-button-tam-ios.activated,
.toolbar-ios-tam .bar-button-default.bar-button-ios-tam.activated,
.toolbar-ios-tam .bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.toolbar-ios-tam .bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.toolbar-ios-tam .bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-tam .bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-ios-tam .bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-tam-ios,
.bar-button-default.bar-button-ios-tam,
.bar-button-clear-ios-tam {
  color: #CC0400;
  background-color: transparent;
}

.bar-button-tam-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-tam:hover:not(.disable-hover),
.bar-button-clear-ios-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.bar-button-tam-ios.activated,
.bar-button-default.bar-button-ios-tam.activated,
.bar-button-clear-ios-tam.activated {
  opacity: .4;
}

.bar-button-outline-ios-tam {
  border-color: #CC0400;
  color: #CC0400;
  background-color: transparent;
}

.bar-button-outline-ios-tam.activated {
  color: #fff;
  background-color: #CC0400;
}

.bar-button-solid-ios-tam {
  color: #fff;
  background-color: #CC0400;
}

.bar-button-solid-ios-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.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: #F68A22;
}

.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: #F68A22;
  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: #F68A22;
}

.toolbar-md-primary .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  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: #e27f1f;
}

.toolbar-md-primary .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-primary .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-primary .bar-button-secondary-md,
.toolbar-md-primary .bar-button-clear-md-secondary,
.toolbar-md-primary .bar-button-md-secondary {
  color: #63BEFB;
  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: #63BEFB;
}

.toolbar-md-primary .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  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: #5bafe7;
}

.toolbar-md-primary .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-primary .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-primary .bar-button-danger-low-md,
.toolbar-md-primary .bar-button-clear-md-danger-low,
.toolbar-md-primary .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-primary .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-primary .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-primary .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-primary .bar-button-light-md,
.toolbar-md-primary .bar-button-clear-md-light,
.toolbar-md-primary .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-primary .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-primary .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-primary .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-primary .bar-button-dark-md,
.toolbar-md-primary .bar-button-clear-md-dark,
.toolbar-md-primary .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-primary .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-primary .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-primary .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-primary .bar-button-favorite-md,
.toolbar-md-primary .bar-button-clear-md-favorite,
.toolbar-md-primary .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-primary .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-primary .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-primary .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-primary .bar-button-darkgrey-md,
.toolbar-md-primary .bar-button-clear-md-darkgrey,
.toolbar-md-primary .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-primary .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-primary .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-primary .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-primary .bar-button-emerald-md,
.toolbar-md-primary .bar-button-clear-md-emerald,
.toolbar-md-primary .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-primary .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-primary .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-primary .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-primary .bar-button-concrete-md,
.toolbar-md-primary .bar-button-clear-md-concrete,
.toolbar-md-primary .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-primary .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-primary .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-primary .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-primary .bar-button-yellow-md,
.toolbar-md-primary .bar-button-clear-md-yellow,
.toolbar-md-primary .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-primary .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-primary .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-primary .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-primary .bar-button-black-md,
.toolbar-md-primary .bar-button-clear-md-black,
.toolbar-md-primary .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-primary .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-primary .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-primary .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-primary .bar-button-grey-md,
.toolbar-md-primary .bar-button-clear-md-grey,
.toolbar-md-primary .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-primary .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-primary .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-primary .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-primary .bar-button-red-md,
.toolbar-md-primary .bar-button-clear-md-red,
.toolbar-md-primary .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-primary .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-primary .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-primary .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-primary .bar-button-notif-md,
.toolbar-md-primary .bar-button-clear-md-notif,
.toolbar-md-primary .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-primary .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-primary .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-primary .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-primary .bar-button-new-badge-md,
.toolbar-md-primary .bar-button-clear-md-new-badge,
.toolbar-md-primary .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-primary .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-primary .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-primary .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-primary .bar-button-accent-md,
.toolbar-md-primary .bar-button-clear-md-accent,
.toolbar-md-primary .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-primary .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-primary .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-primary .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-primary .bar-button-skeleton-md,
.toolbar-md-primary .bar-button-clear-md-skeleton,
.toolbar-md-primary .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-primary .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-primary .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-primary .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-primary .bar-button-outline-md,
.toolbar-md-primary .bar-button-clear-md-outline,
.toolbar-md-primary .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-primary .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-primary .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-primary .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-primary .bar-button-secondary-text-md,
.toolbar-md-primary .bar-button-clear-md-secondary-text,
.toolbar-md-primary .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-primary .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-primary .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-primary .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-primary .bar-button-text-md,
.toolbar-md-primary .bar-button-clear-md-text,
.toolbar-md-primary .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-primary .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-primary .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-primary .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-primary .bar-button-label-md,
.toolbar-md-primary .bar-button-clear-md-label,
.toolbar-md-primary .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-primary .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-primary .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-primary .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-primary .bar-button-hover-md,
.toolbar-md-primary .bar-button-clear-md-hover,
.toolbar-md-primary .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-primary .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-primary .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-primary .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-primary .bar-button-hover-dark-md,
.toolbar-md-primary .bar-button-clear-md-hover-dark,
.toolbar-md-primary .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-primary .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-primary .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-primary .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-primary .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-primary .bar-button-bgcard-md,
.toolbar-md-primary .bar-button-clear-md-bgcard,
.toolbar-md-primary .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-primary .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-primary .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-primary .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-primary .bar-button-bgcard2-md,
.toolbar-md-primary .bar-button-clear-md-bgcard2,
.toolbar-md-primary .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-primary .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-primary .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-primary .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-primary .bar-button-bglabel-md,
.toolbar-md-primary .bar-button-clear-md-bglabel,
.toolbar-md-primary .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-primary .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-primary .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-primary .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-primary .bar-button-primary-light-md,
.toolbar-md-primary .bar-button-clear-md-primary-light,
.toolbar-md-primary .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-primary .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-primary .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-primary .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-primary .bar-button-bgicon-md,
.toolbar-md-primary .bar-button-clear-md-bgicon,
.toolbar-md-primary .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-primary .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-primary .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-primary .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-primary .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-primary .bar-button-primary-text-md,
.toolbar-md-primary .bar-button-clear-md-primary-text,
.toolbar-md-primary .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-primary .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-primary .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-primary .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-primary .bar-button-white-md,
.toolbar-md-primary .bar-button-clear-md-white,
.toolbar-md-primary .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-primary .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-primary .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-primary .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-primary .bar-button-success-md,
.toolbar-md-primary .bar-button-clear-md-success,
.toolbar-md-primary .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-primary .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-primary .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-primary .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-primary .bar-button-info-md,
.toolbar-md-primary .bar-button-clear-md-info,
.toolbar-md-primary .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-primary .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-primary .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-primary .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-primary .bar-button-warning-md,
.toolbar-md-primary .bar-button-clear-md-warning,
.toolbar-md-primary .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-primary .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-primary .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-primary .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-primary .bar-button-danger-md,
.toolbar-md-primary .bar-button-clear-md-danger,
.toolbar-md-primary .bar-button-md-danger {
  color: #F0624D;
  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: #F0624D;
}

.toolbar-md-primary .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  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: #dd5a47;
}

.toolbar-md-primary .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-primary .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-primary .bar-button-tam-md,
.toolbar-md-primary .bar-button-clear-md-tam,
.toolbar-md-primary .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-primary .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-primary .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-primary .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-primary-md,
.bar-button-clear-md-primary,
.bar-button-md-primary {
  color: #F68A22;
  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: #F68A22;
}

.bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-secondary .toolbar-background-md {
  background: #63BEFB;
}

.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: #F68A22;
  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: #F68A22;
}

.toolbar-md-secondary .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  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: #e27f1f;
}

.toolbar-md-secondary .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-secondary .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-secondary .bar-button-secondary-md,
.toolbar-md-secondary .bar-button-clear-md-secondary,
.toolbar-md-secondary .bar-button-md-secondary {
  color: #63BEFB;
  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: #63BEFB;
}

.toolbar-md-secondary .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  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: #5bafe7;
}

.toolbar-md-secondary .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-secondary .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-secondary .bar-button-danger-low-md,
.toolbar-md-secondary .bar-button-clear-md-danger-low,
.toolbar-md-secondary .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-secondary .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-secondary .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-secondary .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-secondary .bar-button-light-md,
.toolbar-md-secondary .bar-button-clear-md-light,
.toolbar-md-secondary .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-secondary .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-secondary .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-secondary .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-secondary .bar-button-dark-md,
.toolbar-md-secondary .bar-button-clear-md-dark,
.toolbar-md-secondary .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-secondary .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-secondary .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-secondary .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-secondary .bar-button-favorite-md,
.toolbar-md-secondary .bar-button-clear-md-favorite,
.toolbar-md-secondary .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-secondary .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-secondary .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-secondary .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-secondary .bar-button-darkgrey-md,
.toolbar-md-secondary .bar-button-clear-md-darkgrey,
.toolbar-md-secondary .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-secondary .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-secondary .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-secondary .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-secondary .bar-button-emerald-md,
.toolbar-md-secondary .bar-button-clear-md-emerald,
.toolbar-md-secondary .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-secondary .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-secondary .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-secondary .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-secondary .bar-button-concrete-md,
.toolbar-md-secondary .bar-button-clear-md-concrete,
.toolbar-md-secondary .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-secondary .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-secondary .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-secondary .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-secondary .bar-button-yellow-md,
.toolbar-md-secondary .bar-button-clear-md-yellow,
.toolbar-md-secondary .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-secondary .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-secondary .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-secondary .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-secondary .bar-button-black-md,
.toolbar-md-secondary .bar-button-clear-md-black,
.toolbar-md-secondary .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-secondary .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-secondary .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-secondary .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-secondary .bar-button-grey-md,
.toolbar-md-secondary .bar-button-clear-md-grey,
.toolbar-md-secondary .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-secondary .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-secondary .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-secondary .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-secondary .bar-button-red-md,
.toolbar-md-secondary .bar-button-clear-md-red,
.toolbar-md-secondary .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-secondary .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-secondary .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-secondary .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-secondary .bar-button-notif-md,
.toolbar-md-secondary .bar-button-clear-md-notif,
.toolbar-md-secondary .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-secondary .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-secondary .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-secondary .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-secondary .bar-button-new-badge-md,
.toolbar-md-secondary .bar-button-clear-md-new-badge,
.toolbar-md-secondary .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-secondary .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-secondary .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-secondary .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-secondary .bar-button-accent-md,
.toolbar-md-secondary .bar-button-clear-md-accent,
.toolbar-md-secondary .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-secondary .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-secondary .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-secondary .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-secondary .bar-button-skeleton-md,
.toolbar-md-secondary .bar-button-clear-md-skeleton,
.toolbar-md-secondary .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-secondary .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-secondary .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-secondary .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-secondary .bar-button-outline-md,
.toolbar-md-secondary .bar-button-clear-md-outline,
.toolbar-md-secondary .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-secondary .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-secondary .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-secondary .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-secondary .bar-button-secondary-text-md,
.toolbar-md-secondary .bar-button-clear-md-secondary-text,
.toolbar-md-secondary .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-secondary .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-secondary .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-secondary .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-secondary .bar-button-text-md,
.toolbar-md-secondary .bar-button-clear-md-text,
.toolbar-md-secondary .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-secondary .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-secondary .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-secondary .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-secondary .bar-button-label-md,
.toolbar-md-secondary .bar-button-clear-md-label,
.toolbar-md-secondary .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-secondary .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-secondary .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-secondary .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-secondary .bar-button-hover-md,
.toolbar-md-secondary .bar-button-clear-md-hover,
.toolbar-md-secondary .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-secondary .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-secondary .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-secondary .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-secondary .bar-button-hover-dark-md,
.toolbar-md-secondary .bar-button-clear-md-hover-dark,
.toolbar-md-secondary .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-secondary .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-secondary .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-secondary .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-secondary .bar-button-bgcard-md,
.toolbar-md-secondary .bar-button-clear-md-bgcard,
.toolbar-md-secondary .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-secondary .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-secondary .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-secondary .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-secondary .bar-button-bgcard2-md,
.toolbar-md-secondary .bar-button-clear-md-bgcard2,
.toolbar-md-secondary .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-secondary .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-secondary .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-secondary .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-secondary .bar-button-bglabel-md,
.toolbar-md-secondary .bar-button-clear-md-bglabel,
.toolbar-md-secondary .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-secondary .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-secondary .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-secondary .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-secondary .bar-button-primary-light-md,
.toolbar-md-secondary .bar-button-clear-md-primary-light,
.toolbar-md-secondary .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-secondary .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-secondary .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-secondary .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-secondary .bar-button-bgicon-md,
.toolbar-md-secondary .bar-button-clear-md-bgicon,
.toolbar-md-secondary .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-secondary .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-secondary .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-secondary .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-secondary .bar-button-primary-text-md,
.toolbar-md-secondary .bar-button-clear-md-primary-text,
.toolbar-md-secondary .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-secondary .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-secondary .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-secondary .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-secondary .bar-button-white-md,
.toolbar-md-secondary .bar-button-clear-md-white,
.toolbar-md-secondary .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-secondary .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-secondary .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-secondary .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-secondary .bar-button-success-md,
.toolbar-md-secondary .bar-button-clear-md-success,
.toolbar-md-secondary .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-secondary .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-secondary .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-secondary .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-secondary .bar-button-info-md,
.toolbar-md-secondary .bar-button-clear-md-info,
.toolbar-md-secondary .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-secondary .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-secondary .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-secondary .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-secondary .bar-button-warning-md,
.toolbar-md-secondary .bar-button-clear-md-warning,
.toolbar-md-secondary .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-secondary .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-secondary .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-secondary .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-secondary .bar-button-danger-md,
.toolbar-md-secondary .bar-button-clear-md-danger,
.toolbar-md-secondary .bar-button-md-danger {
  color: #F0624D;
  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: #F0624D;
}

.toolbar-md-secondary .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  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: #dd5a47;
}

.toolbar-md-secondary .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-secondary .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-secondary .bar-button-tam-md,
.toolbar-md-secondary .bar-button-clear-md-tam,
.toolbar-md-secondary .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-secondary .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-secondary .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-secondary .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-secondary-md,
.bar-button-clear-md-secondary,
.bar-button-md-secondary {
  color: #63BEFB;
  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: #63BEFB;
}

.bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-danger-low .toolbar-background-md {
  background: #fb745e;
}

.toolbar-md-danger-low .bar-button-clear-md,
.toolbar-md-danger-low .bar-button-default-md,
.toolbar-md-danger-low .bar-button-outline-md,
.toolbar-md-danger-low .toolbar-title-md {
  color: #fff;
}

.toolbar-md-danger-low .bar-button-clear-md .button-effect,
.toolbar-md-danger-low .bar-button-default-md .button-effect,
.toolbar-md-danger-low .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-danger-low .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-danger-low .bar-button-primary-md,
.toolbar-md-danger-low .bar-button-clear-md-primary,
.toolbar-md-danger-low .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-danger-low .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-danger-low .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-danger-low .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-danger-low .bar-button-secondary-md,
.toolbar-md-danger-low .bar-button-clear-md-secondary,
.toolbar-md-danger-low .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-danger-low .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-danger-low .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-danger-low .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-danger-low .bar-button-danger-low-md,
.toolbar-md-danger-low .bar-button-clear-md-danger-low,
.toolbar-md-danger-low .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-danger-low .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-danger-low .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-danger-low .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-danger-low .bar-button-light-md,
.toolbar-md-danger-low .bar-button-clear-md-light,
.toolbar-md-danger-low .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-danger-low .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-danger-low .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-danger-low .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-danger-low .bar-button-dark-md,
.toolbar-md-danger-low .bar-button-clear-md-dark,
.toolbar-md-danger-low .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-danger-low .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-danger-low .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-danger-low .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-danger-low .bar-button-favorite-md,
.toolbar-md-danger-low .bar-button-clear-md-favorite,
.toolbar-md-danger-low .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-danger-low .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-danger-low .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-danger-low .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-danger-low .bar-button-darkgrey-md,
.toolbar-md-danger-low .bar-button-clear-md-darkgrey,
.toolbar-md-danger-low .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-danger-low .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-danger-low .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-danger-low .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-danger-low .bar-button-emerald-md,
.toolbar-md-danger-low .bar-button-clear-md-emerald,
.toolbar-md-danger-low .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-danger-low .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-danger-low .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-danger-low .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-danger-low .bar-button-concrete-md,
.toolbar-md-danger-low .bar-button-clear-md-concrete,
.toolbar-md-danger-low .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-danger-low .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-danger-low .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-danger-low .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-danger-low .bar-button-yellow-md,
.toolbar-md-danger-low .bar-button-clear-md-yellow,
.toolbar-md-danger-low .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-danger-low .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-danger-low .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-danger-low .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-danger-low .bar-button-black-md,
.toolbar-md-danger-low .bar-button-clear-md-black,
.toolbar-md-danger-low .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-danger-low .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-danger-low .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-danger-low .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-danger-low .bar-button-grey-md,
.toolbar-md-danger-low .bar-button-clear-md-grey,
.toolbar-md-danger-low .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-danger-low .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-danger-low .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-danger-low .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-danger-low .bar-button-red-md,
.toolbar-md-danger-low .bar-button-clear-md-red,
.toolbar-md-danger-low .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-danger-low .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-danger-low .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-danger-low .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-danger-low .bar-button-notif-md,
.toolbar-md-danger-low .bar-button-clear-md-notif,
.toolbar-md-danger-low .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-danger-low .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-danger-low .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-danger-low .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-danger-low .bar-button-new-badge-md,
.toolbar-md-danger-low .bar-button-clear-md-new-badge,
.toolbar-md-danger-low .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-danger-low .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-danger-low .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-danger-low .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-danger-low .bar-button-accent-md,
.toolbar-md-danger-low .bar-button-clear-md-accent,
.toolbar-md-danger-low .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-danger-low .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-danger-low .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-danger-low .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-danger-low .bar-button-skeleton-md,
.toolbar-md-danger-low .bar-button-clear-md-skeleton,
.toolbar-md-danger-low .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-danger-low .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-danger-low .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-danger-low .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-danger-low .bar-button-outline-md,
.toolbar-md-danger-low .bar-button-clear-md-outline,
.toolbar-md-danger-low .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-danger-low .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-danger-low .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-danger-low .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-danger-low .bar-button-secondary-text-md,
.toolbar-md-danger-low .bar-button-clear-md-secondary-text,
.toolbar-md-danger-low .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-danger-low .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-danger-low .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-danger-low .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-danger-low .bar-button-text-md,
.toolbar-md-danger-low .bar-button-clear-md-text,
.toolbar-md-danger-low .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-danger-low .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-danger-low .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-danger-low .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-danger-low .bar-button-label-md,
.toolbar-md-danger-low .bar-button-clear-md-label,
.toolbar-md-danger-low .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-danger-low .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-danger-low .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-danger-low .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-danger-low .bar-button-hover-md,
.toolbar-md-danger-low .bar-button-clear-md-hover,
.toolbar-md-danger-low .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-danger-low .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-danger-low .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-danger-low .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-danger-low .bar-button-hover-dark-md,
.toolbar-md-danger-low .bar-button-clear-md-hover-dark,
.toolbar-md-danger-low .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-danger-low .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-danger-low .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-danger-low .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-danger-low .bar-button-bgcard-md,
.toolbar-md-danger-low .bar-button-clear-md-bgcard,
.toolbar-md-danger-low .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-danger-low .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-danger-low .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-danger-low .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-danger-low .bar-button-bgcard2-md,
.toolbar-md-danger-low .bar-button-clear-md-bgcard2,
.toolbar-md-danger-low .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-danger-low .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-danger-low .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-danger-low .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-danger-low .bar-button-bglabel-md,
.toolbar-md-danger-low .bar-button-clear-md-bglabel,
.toolbar-md-danger-low .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-danger-low .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-danger-low .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-danger-low .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-danger-low .bar-button-primary-light-md,
.toolbar-md-danger-low .bar-button-clear-md-primary-light,
.toolbar-md-danger-low .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-danger-low .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-danger-low .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-danger-low .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-danger-low .bar-button-bgicon-md,
.toolbar-md-danger-low .bar-button-clear-md-bgicon,
.toolbar-md-danger-low .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-danger-low .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-danger-low .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-danger-low .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-danger-low .bar-button-primary-text-md,
.toolbar-md-danger-low .bar-button-clear-md-primary-text,
.toolbar-md-danger-low .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-danger-low .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-danger-low .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-danger-low .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-danger-low .bar-button-white-md,
.toolbar-md-danger-low .bar-button-clear-md-white,
.toolbar-md-danger-low .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-danger-low .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-danger-low .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-danger-low .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-danger-low .bar-button-success-md,
.toolbar-md-danger-low .bar-button-clear-md-success,
.toolbar-md-danger-low .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-danger-low .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-danger-low .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-danger-low .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-danger-low .bar-button-info-md,
.toolbar-md-danger-low .bar-button-clear-md-info,
.toolbar-md-danger-low .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-danger-low .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-danger-low .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-danger-low .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-danger-low .bar-button-warning-md,
.toolbar-md-danger-low .bar-button-clear-md-warning,
.toolbar-md-danger-low .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-danger-low .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-danger-low .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-danger-low .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-danger-low .bar-button-danger-md,
.toolbar-md-danger-low .bar-button-clear-md-danger,
.toolbar-md-danger-low .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-danger-low .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-danger-low .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-danger-low .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-danger-low .bar-button-tam-md,
.toolbar-md-danger-low .bar-button-clear-md-tam,
.toolbar-md-danger-low .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-danger-low .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-danger-low .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-danger-low .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-danger-low .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-danger-low .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-danger-low-md,
.bar-button-clear-md-danger-low,
.bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.bar-button-danger-low-md:hover:not(.disable-hover),
.bar-button-clear-md-danger-low:hover:not(.disable-hover),
.bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-light .toolbar-background-md {
  background: #f4f4f4;
}

.toolbar-md-light .bar-button-clear-md,
.toolbar-md-light .bar-button-default-md,
.toolbar-md-light .bar-button-outline-md,
.toolbar-md-light .toolbar-title-md {
  color: #424242;
}

.toolbar-md-light .bar-button-clear-md .button-effect,
.toolbar-md-light .bar-button-default-md .button-effect,
.toolbar-md-light .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-light .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-light .bar-button-primary-md,
.toolbar-md-light .bar-button-clear-md-primary,
.toolbar-md-light .bar-button-md-primary {
  color: #F68A22;
  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: #F68A22;
}

.toolbar-md-light .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  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: #e27f1f;
}

.toolbar-md-light .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-light .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-light .bar-button-secondary-md,
.toolbar-md-light .bar-button-clear-md-secondary,
.toolbar-md-light .bar-button-md-secondary {
  color: #63BEFB;
  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: #63BEFB;
}

.toolbar-md-light .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  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: #5bafe7;
}

.toolbar-md-light .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-light .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-light .bar-button-danger-low-md,
.toolbar-md-light .bar-button-clear-md-danger-low,
.toolbar-md-light .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-light .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-light .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-light .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-light .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-light .bar-button-light-md,
.toolbar-md-light .bar-button-clear-md-light,
.toolbar-md-light .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-light .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-light .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-light .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-light .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-light .bar-button-dark-md,
.toolbar-md-light .bar-button-clear-md-dark,
.toolbar-md-light .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-light .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-light .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-light .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-light .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-light .bar-button-favorite-md,
.toolbar-md-light .bar-button-clear-md-favorite,
.toolbar-md-light .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-light .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-light .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-light .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-light .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-light .bar-button-darkgrey-md,
.toolbar-md-light .bar-button-clear-md-darkgrey,
.toolbar-md-light .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-light .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-light .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-light .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-light .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-light .bar-button-emerald-md,
.toolbar-md-light .bar-button-clear-md-emerald,
.toolbar-md-light .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-light .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-light .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-light .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-light .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-light .bar-button-concrete-md,
.toolbar-md-light .bar-button-clear-md-concrete,
.toolbar-md-light .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-light .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-light .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-light .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-light .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-light .bar-button-yellow-md,
.toolbar-md-light .bar-button-clear-md-yellow,
.toolbar-md-light .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-light .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-light .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-light .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-light .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-light .bar-button-black-md,
.toolbar-md-light .bar-button-clear-md-black,
.toolbar-md-light .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-light .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-light .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-light .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-light .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-light .bar-button-grey-md,
.toolbar-md-light .bar-button-clear-md-grey,
.toolbar-md-light .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-light .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-light .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-light .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-light .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-light .bar-button-red-md,
.toolbar-md-light .bar-button-clear-md-red,
.toolbar-md-light .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-light .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-light .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-light .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-light .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-light .bar-button-notif-md,
.toolbar-md-light .bar-button-clear-md-notif,
.toolbar-md-light .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-light .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-light .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-light .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-light .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-light .bar-button-new-badge-md,
.toolbar-md-light .bar-button-clear-md-new-badge,
.toolbar-md-light .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-light .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-light .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-light .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-light .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-light .bar-button-accent-md,
.toolbar-md-light .bar-button-clear-md-accent,
.toolbar-md-light .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-light .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-light .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-light .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-light .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-light .bar-button-skeleton-md,
.toolbar-md-light .bar-button-clear-md-skeleton,
.toolbar-md-light .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-light .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-light .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-light .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-light .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-light .bar-button-outline-md,
.toolbar-md-light .bar-button-clear-md-outline,
.toolbar-md-light .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-light .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-light .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-light .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-light .bar-button-secondary-text-md,
.toolbar-md-light .bar-button-clear-md-secondary-text,
.toolbar-md-light .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-light .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-light .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-light .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-light .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-light .bar-button-text-md,
.toolbar-md-light .bar-button-clear-md-text,
.toolbar-md-light .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-light .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-light .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-light .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-light .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-light .bar-button-label-md,
.toolbar-md-light .bar-button-clear-md-label,
.toolbar-md-light .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-light .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-light .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-light .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-light .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-light .bar-button-hover-md,
.toolbar-md-light .bar-button-clear-md-hover,
.toolbar-md-light .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-light .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-light .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-light .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-light .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-light .bar-button-hover-dark-md,
.toolbar-md-light .bar-button-clear-md-hover-dark,
.toolbar-md-light .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-light .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-light .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-light .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-light .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-light .bar-button-bgcard-md,
.toolbar-md-light .bar-button-clear-md-bgcard,
.toolbar-md-light .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-light .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-light .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-light .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-light .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-light .bar-button-bgcard2-md,
.toolbar-md-light .bar-button-clear-md-bgcard2,
.toolbar-md-light .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-light .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-light .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-light .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-light .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-light .bar-button-bglabel-md,
.toolbar-md-light .bar-button-clear-md-bglabel,
.toolbar-md-light .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-light .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-light .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-light .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-light .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-light .bar-button-primary-light-md,
.toolbar-md-light .bar-button-clear-md-primary-light,
.toolbar-md-light .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-light .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-light .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-light .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-light .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-light .bar-button-bgicon-md,
.toolbar-md-light .bar-button-clear-md-bgicon,
.toolbar-md-light .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-light .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-light .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-light .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-light .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-light .bar-button-primary-text-md,
.toolbar-md-light .bar-button-clear-md-primary-text,
.toolbar-md-light .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-light .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-light .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-light .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-light .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-light .bar-button-white-md,
.toolbar-md-light .bar-button-clear-md-white,
.toolbar-md-light .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-light .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-light .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-light .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-light .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-light .bar-button-success-md,
.toolbar-md-light .bar-button-clear-md-success,
.toolbar-md-light .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-light .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-light .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-light .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-light .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-light .bar-button-info-md,
.toolbar-md-light .bar-button-clear-md-info,
.toolbar-md-light .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-light .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-light .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-light .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-light .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-light .bar-button-warning-md,
.toolbar-md-light .bar-button-clear-md-warning,
.toolbar-md-light .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-light .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-light .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-light .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-light .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-light .bar-button-danger-md,
.toolbar-md-light .bar-button-clear-md-danger,
.toolbar-md-light .bar-button-md-danger {
  color: #F0624D;
  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: #F0624D;
}

.toolbar-md-light .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  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: #dd5a47;
}

.toolbar-md-light .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-light .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-light .bar-button-tam-md,
.toolbar-md-light .bar-button-clear-md-tam,
.toolbar-md-light .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-light .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-light .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-light .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-light .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-light-md,
.bar-button-clear-md-light,
.bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.bar-button-light-md:hover:not(.disable-hover),
.bar-button-clear-md-light:hover:not(.disable-hover),
.bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.bar-button-outline-md-light.activated {
  background-color: transparent;
}

.bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-dark .toolbar-background-md {
  background: #222;
}

.toolbar-md-dark .bar-button-clear-md,
.toolbar-md-dark .bar-button-default-md,
.toolbar-md-dark .bar-button-outline-md,
.toolbar-md-dark .toolbar-title-md {
  color: #fff;
}

.toolbar-md-dark .bar-button-clear-md .button-effect,
.toolbar-md-dark .bar-button-default-md .button-effect,
.toolbar-md-dark .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-dark .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-dark .bar-button-primary-md,
.toolbar-md-dark .bar-button-clear-md-primary,
.toolbar-md-dark .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-dark .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-dark .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-dark .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-dark .bar-button-secondary-md,
.toolbar-md-dark .bar-button-clear-md-secondary,
.toolbar-md-dark .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-dark .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-dark .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-dark .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-dark .bar-button-danger-low-md,
.toolbar-md-dark .bar-button-clear-md-danger-low,
.toolbar-md-dark .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-dark .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-dark .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-dark .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-dark .bar-button-light-md,
.toolbar-md-dark .bar-button-clear-md-light,
.toolbar-md-dark .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-dark .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-dark .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-dark .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-dark .bar-button-dark-md,
.toolbar-md-dark .bar-button-clear-md-dark,
.toolbar-md-dark .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-dark .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-dark .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-dark .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-dark .bar-button-favorite-md,
.toolbar-md-dark .bar-button-clear-md-favorite,
.toolbar-md-dark .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-dark .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-dark .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-dark .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-dark .bar-button-darkgrey-md,
.toolbar-md-dark .bar-button-clear-md-darkgrey,
.toolbar-md-dark .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-dark .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-dark .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-dark .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-dark .bar-button-emerald-md,
.toolbar-md-dark .bar-button-clear-md-emerald,
.toolbar-md-dark .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-dark .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-dark .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-dark .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-dark .bar-button-concrete-md,
.toolbar-md-dark .bar-button-clear-md-concrete,
.toolbar-md-dark .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-dark .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-dark .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-dark .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-dark .bar-button-yellow-md,
.toolbar-md-dark .bar-button-clear-md-yellow,
.toolbar-md-dark .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-dark .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-dark .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-dark .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-dark .bar-button-black-md,
.toolbar-md-dark .bar-button-clear-md-black,
.toolbar-md-dark .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-dark .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-dark .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-dark .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-dark .bar-button-grey-md,
.toolbar-md-dark .bar-button-clear-md-grey,
.toolbar-md-dark .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-dark .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-dark .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-dark .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-dark .bar-button-red-md,
.toolbar-md-dark .bar-button-clear-md-red,
.toolbar-md-dark .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-dark .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-dark .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-dark .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-dark .bar-button-notif-md,
.toolbar-md-dark .bar-button-clear-md-notif,
.toolbar-md-dark .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-dark .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-dark .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-dark .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-dark .bar-button-new-badge-md,
.toolbar-md-dark .bar-button-clear-md-new-badge,
.toolbar-md-dark .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-dark .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-dark .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-dark .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-dark .bar-button-accent-md,
.toolbar-md-dark .bar-button-clear-md-accent,
.toolbar-md-dark .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-dark .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-dark .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-dark .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-dark .bar-button-skeleton-md,
.toolbar-md-dark .bar-button-clear-md-skeleton,
.toolbar-md-dark .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-dark .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-dark .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-dark .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-dark .bar-button-outline-md,
.toolbar-md-dark .bar-button-clear-md-outline,
.toolbar-md-dark .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-dark .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-dark .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-dark .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-dark .bar-button-secondary-text-md,
.toolbar-md-dark .bar-button-clear-md-secondary-text,
.toolbar-md-dark .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-dark .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-dark .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-dark .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-dark .bar-button-text-md,
.toolbar-md-dark .bar-button-clear-md-text,
.toolbar-md-dark .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-dark .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-dark .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-dark .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-dark .bar-button-label-md,
.toolbar-md-dark .bar-button-clear-md-label,
.toolbar-md-dark .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-dark .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-dark .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-dark .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-dark .bar-button-hover-md,
.toolbar-md-dark .bar-button-clear-md-hover,
.toolbar-md-dark .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-dark .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-dark .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-dark .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-dark .bar-button-hover-dark-md,
.toolbar-md-dark .bar-button-clear-md-hover-dark,
.toolbar-md-dark .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-dark .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-dark .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-dark .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-dark .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-dark .bar-button-bgcard-md,
.toolbar-md-dark .bar-button-clear-md-bgcard,
.toolbar-md-dark .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-dark .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-dark .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-dark .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-dark .bar-button-bgcard2-md,
.toolbar-md-dark .bar-button-clear-md-bgcard2,
.toolbar-md-dark .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-dark .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-dark .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-dark .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-dark .bar-button-bglabel-md,
.toolbar-md-dark .bar-button-clear-md-bglabel,
.toolbar-md-dark .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-dark .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-dark .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-dark .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-dark .bar-button-primary-light-md,
.toolbar-md-dark .bar-button-clear-md-primary-light,
.toolbar-md-dark .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-dark .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-dark .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-dark .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-dark .bar-button-bgicon-md,
.toolbar-md-dark .bar-button-clear-md-bgicon,
.toolbar-md-dark .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-dark .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-dark .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-dark .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-dark .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-dark .bar-button-primary-text-md,
.toolbar-md-dark .bar-button-clear-md-primary-text,
.toolbar-md-dark .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-dark .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-dark .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-dark .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-dark .bar-button-white-md,
.toolbar-md-dark .bar-button-clear-md-white,
.toolbar-md-dark .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-dark .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-dark .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-dark .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-dark .bar-button-success-md,
.toolbar-md-dark .bar-button-clear-md-success,
.toolbar-md-dark .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-dark .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-dark .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-dark .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-dark .bar-button-info-md,
.toolbar-md-dark .bar-button-clear-md-info,
.toolbar-md-dark .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-dark .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-dark .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-dark .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-dark .bar-button-warning-md,
.toolbar-md-dark .bar-button-clear-md-warning,
.toolbar-md-dark .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-dark .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-dark .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-dark .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-dark .bar-button-danger-md,
.toolbar-md-dark .bar-button-clear-md-danger,
.toolbar-md-dark .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-dark .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-dark .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-dark .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-dark .bar-button-tam-md,
.toolbar-md-dark .bar-button-clear-md-tam,
.toolbar-md-dark .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-dark .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-dark .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-dark .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-dark .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-dark .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-dark-md,
.bar-button-clear-md-dark,
.bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.bar-button-dark-md:hover:not(.disable-hover),
.bar-button-clear-md-dark:hover:not(.disable-hover),
.bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-favorite .toolbar-background-md {
  background: #39B44A;
}

.toolbar-md-favorite .bar-button-clear-md,
.toolbar-md-favorite .bar-button-default-md,
.toolbar-md-favorite .bar-button-outline-md,
.toolbar-md-favorite .toolbar-title-md {
  color: #fff;
}

.toolbar-md-favorite .bar-button-clear-md .button-effect,
.toolbar-md-favorite .bar-button-default-md .button-effect,
.toolbar-md-favorite .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-favorite .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-favorite .bar-button-primary-md,
.toolbar-md-favorite .bar-button-clear-md-primary,
.toolbar-md-favorite .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-favorite .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-favorite .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-favorite .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-favorite .bar-button-secondary-md,
.toolbar-md-favorite .bar-button-clear-md-secondary,
.toolbar-md-favorite .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-favorite .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-favorite .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-favorite .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-favorite .bar-button-danger-low-md,
.toolbar-md-favorite .bar-button-clear-md-danger-low,
.toolbar-md-favorite .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-favorite .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-favorite .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-favorite .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-favorite .bar-button-light-md,
.toolbar-md-favorite .bar-button-clear-md-light,
.toolbar-md-favorite .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-favorite .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-favorite .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-favorite .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-favorite .bar-button-dark-md,
.toolbar-md-favorite .bar-button-clear-md-dark,
.toolbar-md-favorite .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-favorite .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-favorite .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-favorite .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-favorite .bar-button-favorite-md,
.toolbar-md-favorite .bar-button-clear-md-favorite,
.toolbar-md-favorite .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-favorite .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-favorite .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-favorite .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-favorite .bar-button-darkgrey-md,
.toolbar-md-favorite .bar-button-clear-md-darkgrey,
.toolbar-md-favorite .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-favorite .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-favorite .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-favorite .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-favorite .bar-button-emerald-md,
.toolbar-md-favorite .bar-button-clear-md-emerald,
.toolbar-md-favorite .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-favorite .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-favorite .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-favorite .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-favorite .bar-button-concrete-md,
.toolbar-md-favorite .bar-button-clear-md-concrete,
.toolbar-md-favorite .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-favorite .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-favorite .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-favorite .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-favorite .bar-button-yellow-md,
.toolbar-md-favorite .bar-button-clear-md-yellow,
.toolbar-md-favorite .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-favorite .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-favorite .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-favorite .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-favorite .bar-button-black-md,
.toolbar-md-favorite .bar-button-clear-md-black,
.toolbar-md-favorite .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-favorite .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-favorite .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-favorite .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-favorite .bar-button-grey-md,
.toolbar-md-favorite .bar-button-clear-md-grey,
.toolbar-md-favorite .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-favorite .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-favorite .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-favorite .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-favorite .bar-button-red-md,
.toolbar-md-favorite .bar-button-clear-md-red,
.toolbar-md-favorite .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-favorite .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-favorite .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-favorite .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-favorite .bar-button-notif-md,
.toolbar-md-favorite .bar-button-clear-md-notif,
.toolbar-md-favorite .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-favorite .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-favorite .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-favorite .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-favorite .bar-button-new-badge-md,
.toolbar-md-favorite .bar-button-clear-md-new-badge,
.toolbar-md-favorite .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-favorite .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-favorite .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-favorite .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-favorite .bar-button-accent-md,
.toolbar-md-favorite .bar-button-clear-md-accent,
.toolbar-md-favorite .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-favorite .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-favorite .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-favorite .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-favorite .bar-button-skeleton-md,
.toolbar-md-favorite .bar-button-clear-md-skeleton,
.toolbar-md-favorite .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-favorite .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-favorite .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-favorite .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-favorite .bar-button-outline-md,
.toolbar-md-favorite .bar-button-clear-md-outline,
.toolbar-md-favorite .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-favorite .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-favorite .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-favorite .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-favorite .bar-button-secondary-text-md,
.toolbar-md-favorite .bar-button-clear-md-secondary-text,
.toolbar-md-favorite .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-favorite .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-favorite .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-favorite .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-favorite .bar-button-text-md,
.toolbar-md-favorite .bar-button-clear-md-text,
.toolbar-md-favorite .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-favorite .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-favorite .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-favorite .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-favorite .bar-button-label-md,
.toolbar-md-favorite .bar-button-clear-md-label,
.toolbar-md-favorite .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-favorite .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-favorite .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-favorite .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-favorite .bar-button-hover-md,
.toolbar-md-favorite .bar-button-clear-md-hover,
.toolbar-md-favorite .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-favorite .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-favorite .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-favorite .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-favorite .bar-button-hover-dark-md,
.toolbar-md-favorite .bar-button-clear-md-hover-dark,
.toolbar-md-favorite .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-favorite .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-favorite .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-favorite .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-favorite .bar-button-bgcard-md,
.toolbar-md-favorite .bar-button-clear-md-bgcard,
.toolbar-md-favorite .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-favorite .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-favorite .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-favorite .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-favorite .bar-button-bgcard2-md,
.toolbar-md-favorite .bar-button-clear-md-bgcard2,
.toolbar-md-favorite .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-favorite .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-favorite .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-favorite .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-favorite .bar-button-bglabel-md,
.toolbar-md-favorite .bar-button-clear-md-bglabel,
.toolbar-md-favorite .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-favorite .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-favorite .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-favorite .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-favorite .bar-button-primary-light-md,
.toolbar-md-favorite .bar-button-clear-md-primary-light,
.toolbar-md-favorite .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-favorite .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-favorite .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-favorite .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-favorite .bar-button-bgicon-md,
.toolbar-md-favorite .bar-button-clear-md-bgicon,
.toolbar-md-favorite .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-favorite .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-favorite .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-favorite .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-favorite .bar-button-primary-text-md,
.toolbar-md-favorite .bar-button-clear-md-primary-text,
.toolbar-md-favorite .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-favorite .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-favorite .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-favorite .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-favorite .bar-button-white-md,
.toolbar-md-favorite .bar-button-clear-md-white,
.toolbar-md-favorite .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-favorite .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-favorite .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-favorite .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-favorite .bar-button-success-md,
.toolbar-md-favorite .bar-button-clear-md-success,
.toolbar-md-favorite .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-favorite .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-favorite .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-favorite .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-favorite .bar-button-info-md,
.toolbar-md-favorite .bar-button-clear-md-info,
.toolbar-md-favorite .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-favorite .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-favorite .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-favorite .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-favorite .bar-button-warning-md,
.toolbar-md-favorite .bar-button-clear-md-warning,
.toolbar-md-favorite .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-favorite .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-favorite .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-favorite .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-favorite .bar-button-danger-md,
.toolbar-md-favorite .bar-button-clear-md-danger,
.toolbar-md-favorite .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-favorite .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-favorite .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-favorite .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-favorite .bar-button-tam-md,
.toolbar-md-favorite .bar-button-clear-md-tam,
.toolbar-md-favorite .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-favorite .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-favorite .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-favorite .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-favorite .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-favorite .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-favorite-md,
.bar-button-clear-md-favorite,
.bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.bar-button-favorite-md:hover:not(.disable-hover),
.bar-button-clear-md-favorite:hover:not(.disable-hover),
.bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-darkgrey .toolbar-background-md {
  background: #8e9093;
}

.toolbar-md-darkgrey .bar-button-clear-md,
.toolbar-md-darkgrey .bar-button-default-md,
.toolbar-md-darkgrey .bar-button-outline-md,
.toolbar-md-darkgrey .toolbar-title-md {
  color: #fff;
}

.toolbar-md-darkgrey .bar-button-clear-md .button-effect,
.toolbar-md-darkgrey .bar-button-default-md .button-effect,
.toolbar-md-darkgrey .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-darkgrey .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-darkgrey .bar-button-primary-md,
.toolbar-md-darkgrey .bar-button-clear-md-primary,
.toolbar-md-darkgrey .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-darkgrey .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-darkgrey .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-darkgrey .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-darkgrey .bar-button-secondary-md,
.toolbar-md-darkgrey .bar-button-clear-md-secondary,
.toolbar-md-darkgrey .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-darkgrey .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-darkgrey .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-darkgrey .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-darkgrey .bar-button-danger-low-md,
.toolbar-md-darkgrey .bar-button-clear-md-danger-low,
.toolbar-md-darkgrey .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-darkgrey .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-darkgrey .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-darkgrey .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-darkgrey .bar-button-light-md,
.toolbar-md-darkgrey .bar-button-clear-md-light,
.toolbar-md-darkgrey .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-darkgrey .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-darkgrey .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-darkgrey .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-darkgrey .bar-button-dark-md,
.toolbar-md-darkgrey .bar-button-clear-md-dark,
.toolbar-md-darkgrey .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-darkgrey .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-darkgrey .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-darkgrey .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-darkgrey .bar-button-favorite-md,
.toolbar-md-darkgrey .bar-button-clear-md-favorite,
.toolbar-md-darkgrey .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-darkgrey .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-darkgrey .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-darkgrey .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-darkgrey .bar-button-darkgrey-md,
.toolbar-md-darkgrey .bar-button-clear-md-darkgrey,
.toolbar-md-darkgrey .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-darkgrey .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-darkgrey .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-darkgrey .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-darkgrey .bar-button-emerald-md,
.toolbar-md-darkgrey .bar-button-clear-md-emerald,
.toolbar-md-darkgrey .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-darkgrey .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-darkgrey .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-darkgrey .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-darkgrey .bar-button-concrete-md,
.toolbar-md-darkgrey .bar-button-clear-md-concrete,
.toolbar-md-darkgrey .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-darkgrey .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-darkgrey .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-darkgrey .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-darkgrey .bar-button-yellow-md,
.toolbar-md-darkgrey .bar-button-clear-md-yellow,
.toolbar-md-darkgrey .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-darkgrey .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-darkgrey .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-darkgrey .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-darkgrey .bar-button-black-md,
.toolbar-md-darkgrey .bar-button-clear-md-black,
.toolbar-md-darkgrey .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-darkgrey .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-darkgrey .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-darkgrey .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-darkgrey .bar-button-grey-md,
.toolbar-md-darkgrey .bar-button-clear-md-grey,
.toolbar-md-darkgrey .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-darkgrey .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-darkgrey .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-darkgrey .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-darkgrey .bar-button-red-md,
.toolbar-md-darkgrey .bar-button-clear-md-red,
.toolbar-md-darkgrey .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-darkgrey .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-darkgrey .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-darkgrey .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-darkgrey .bar-button-notif-md,
.toolbar-md-darkgrey .bar-button-clear-md-notif,
.toolbar-md-darkgrey .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-darkgrey .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-darkgrey .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-darkgrey .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-darkgrey .bar-button-new-badge-md,
.toolbar-md-darkgrey .bar-button-clear-md-new-badge,
.toolbar-md-darkgrey .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-darkgrey .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-darkgrey .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-darkgrey .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-darkgrey .bar-button-accent-md,
.toolbar-md-darkgrey .bar-button-clear-md-accent,
.toolbar-md-darkgrey .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-darkgrey .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-darkgrey .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-darkgrey .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-darkgrey .bar-button-skeleton-md,
.toolbar-md-darkgrey .bar-button-clear-md-skeleton,
.toolbar-md-darkgrey .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-darkgrey .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-darkgrey .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-darkgrey .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-darkgrey .bar-button-outline-md,
.toolbar-md-darkgrey .bar-button-clear-md-outline,
.toolbar-md-darkgrey .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-darkgrey .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-darkgrey .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-darkgrey .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-darkgrey .bar-button-secondary-text-md,
.toolbar-md-darkgrey .bar-button-clear-md-secondary-text,
.toolbar-md-darkgrey .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-darkgrey .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-darkgrey .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-darkgrey .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-darkgrey .bar-button-text-md,
.toolbar-md-darkgrey .bar-button-clear-md-text,
.toolbar-md-darkgrey .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-darkgrey .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-darkgrey .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-darkgrey .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-darkgrey .bar-button-label-md,
.toolbar-md-darkgrey .bar-button-clear-md-label,
.toolbar-md-darkgrey .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-darkgrey .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-darkgrey .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-darkgrey .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-darkgrey .bar-button-hover-md,
.toolbar-md-darkgrey .bar-button-clear-md-hover,
.toolbar-md-darkgrey .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-darkgrey .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-darkgrey .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-darkgrey .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-darkgrey .bar-button-hover-dark-md,
.toolbar-md-darkgrey .bar-button-clear-md-hover-dark,
.toolbar-md-darkgrey .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-darkgrey .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-darkgrey .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-darkgrey .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-darkgrey .bar-button-bgcard-md,
.toolbar-md-darkgrey .bar-button-clear-md-bgcard,
.toolbar-md-darkgrey .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-darkgrey .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-darkgrey .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-darkgrey .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-darkgrey .bar-button-bgcard2-md,
.toolbar-md-darkgrey .bar-button-clear-md-bgcard2,
.toolbar-md-darkgrey .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-darkgrey .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-darkgrey .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-darkgrey .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-darkgrey .bar-button-bglabel-md,
.toolbar-md-darkgrey .bar-button-clear-md-bglabel,
.toolbar-md-darkgrey .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-darkgrey .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-darkgrey .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-darkgrey .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-darkgrey .bar-button-primary-light-md,
.toolbar-md-darkgrey .bar-button-clear-md-primary-light,
.toolbar-md-darkgrey .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-darkgrey .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-darkgrey .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-darkgrey .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-darkgrey .bar-button-bgicon-md,
.toolbar-md-darkgrey .bar-button-clear-md-bgicon,
.toolbar-md-darkgrey .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-darkgrey .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-darkgrey .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-darkgrey .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-darkgrey .bar-button-primary-text-md,
.toolbar-md-darkgrey .bar-button-clear-md-primary-text,
.toolbar-md-darkgrey .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-darkgrey .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-darkgrey .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-darkgrey .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-darkgrey .bar-button-white-md,
.toolbar-md-darkgrey .bar-button-clear-md-white,
.toolbar-md-darkgrey .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-darkgrey .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-darkgrey .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-darkgrey .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-darkgrey .bar-button-success-md,
.toolbar-md-darkgrey .bar-button-clear-md-success,
.toolbar-md-darkgrey .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-darkgrey .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-darkgrey .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-darkgrey .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-darkgrey .bar-button-info-md,
.toolbar-md-darkgrey .bar-button-clear-md-info,
.toolbar-md-darkgrey .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-darkgrey .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-darkgrey .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-darkgrey .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-darkgrey .bar-button-warning-md,
.toolbar-md-darkgrey .bar-button-clear-md-warning,
.toolbar-md-darkgrey .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-darkgrey .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-darkgrey .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-darkgrey .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-darkgrey .bar-button-danger-md,
.toolbar-md-darkgrey .bar-button-clear-md-danger,
.toolbar-md-darkgrey .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-darkgrey .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-darkgrey .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-darkgrey .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-darkgrey .bar-button-tam-md,
.toolbar-md-darkgrey .bar-button-clear-md-tam,
.toolbar-md-darkgrey .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-darkgrey .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-darkgrey .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-darkgrey .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-darkgrey .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-darkgrey .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-darkgrey-md,
.bar-button-clear-md-darkgrey,
.bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.bar-button-darkgrey-md:hover:not(.disable-hover),
.bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-emerald .toolbar-background-md {
  background: #3498db;
}

.toolbar-md-emerald .bar-button-clear-md,
.toolbar-md-emerald .bar-button-default-md,
.toolbar-md-emerald .bar-button-outline-md,
.toolbar-md-emerald .toolbar-title-md {
  color: #fff;
}

.toolbar-md-emerald .bar-button-clear-md .button-effect,
.toolbar-md-emerald .bar-button-default-md .button-effect,
.toolbar-md-emerald .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-emerald .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-emerald .bar-button-primary-md,
.toolbar-md-emerald .bar-button-clear-md-primary,
.toolbar-md-emerald .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-emerald .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-emerald .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-emerald .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-emerald .bar-button-secondary-md,
.toolbar-md-emerald .bar-button-clear-md-secondary,
.toolbar-md-emerald .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-emerald .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-emerald .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-emerald .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-emerald .bar-button-danger-low-md,
.toolbar-md-emerald .bar-button-clear-md-danger-low,
.toolbar-md-emerald .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-emerald .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-emerald .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-emerald .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-emerald .bar-button-light-md,
.toolbar-md-emerald .bar-button-clear-md-light,
.toolbar-md-emerald .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-emerald .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-emerald .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-emerald .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-emerald .bar-button-dark-md,
.toolbar-md-emerald .bar-button-clear-md-dark,
.toolbar-md-emerald .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-emerald .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-emerald .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-emerald .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-emerald .bar-button-favorite-md,
.toolbar-md-emerald .bar-button-clear-md-favorite,
.toolbar-md-emerald .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-emerald .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-emerald .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-emerald .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-emerald .bar-button-darkgrey-md,
.toolbar-md-emerald .bar-button-clear-md-darkgrey,
.toolbar-md-emerald .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-emerald .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-emerald .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-emerald .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-emerald .bar-button-emerald-md,
.toolbar-md-emerald .bar-button-clear-md-emerald,
.toolbar-md-emerald .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-emerald .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-emerald .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-emerald .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-emerald .bar-button-concrete-md,
.toolbar-md-emerald .bar-button-clear-md-concrete,
.toolbar-md-emerald .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-emerald .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-emerald .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-emerald .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-emerald .bar-button-yellow-md,
.toolbar-md-emerald .bar-button-clear-md-yellow,
.toolbar-md-emerald .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-emerald .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-emerald .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-emerald .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-emerald .bar-button-black-md,
.toolbar-md-emerald .bar-button-clear-md-black,
.toolbar-md-emerald .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-emerald .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-emerald .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-emerald .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-emerald .bar-button-grey-md,
.toolbar-md-emerald .bar-button-clear-md-grey,
.toolbar-md-emerald .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-emerald .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-emerald .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-emerald .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-emerald .bar-button-red-md,
.toolbar-md-emerald .bar-button-clear-md-red,
.toolbar-md-emerald .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-emerald .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-emerald .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-emerald .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-emerald .bar-button-notif-md,
.toolbar-md-emerald .bar-button-clear-md-notif,
.toolbar-md-emerald .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-emerald .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-emerald .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-emerald .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-emerald .bar-button-new-badge-md,
.toolbar-md-emerald .bar-button-clear-md-new-badge,
.toolbar-md-emerald .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-emerald .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-emerald .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-emerald .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-emerald .bar-button-accent-md,
.toolbar-md-emerald .bar-button-clear-md-accent,
.toolbar-md-emerald .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-emerald .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-emerald .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-emerald .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-emerald .bar-button-skeleton-md,
.toolbar-md-emerald .bar-button-clear-md-skeleton,
.toolbar-md-emerald .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-emerald .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-emerald .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-emerald .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-emerald .bar-button-outline-md,
.toolbar-md-emerald .bar-button-clear-md-outline,
.toolbar-md-emerald .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-emerald .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-emerald .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-emerald .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-emerald .bar-button-secondary-text-md,
.toolbar-md-emerald .bar-button-clear-md-secondary-text,
.toolbar-md-emerald .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-emerald .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-emerald .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-emerald .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-emerald .bar-button-text-md,
.toolbar-md-emerald .bar-button-clear-md-text,
.toolbar-md-emerald .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-emerald .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-emerald .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-emerald .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-emerald .bar-button-label-md,
.toolbar-md-emerald .bar-button-clear-md-label,
.toolbar-md-emerald .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-emerald .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-emerald .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-emerald .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-emerald .bar-button-hover-md,
.toolbar-md-emerald .bar-button-clear-md-hover,
.toolbar-md-emerald .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-emerald .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-emerald .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-emerald .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-emerald .bar-button-hover-dark-md,
.toolbar-md-emerald .bar-button-clear-md-hover-dark,
.toolbar-md-emerald .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-emerald .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-emerald .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-emerald .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-emerald .bar-button-bgcard-md,
.toolbar-md-emerald .bar-button-clear-md-bgcard,
.toolbar-md-emerald .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-emerald .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-emerald .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-emerald .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-emerald .bar-button-bgcard2-md,
.toolbar-md-emerald .bar-button-clear-md-bgcard2,
.toolbar-md-emerald .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-emerald .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-emerald .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-emerald .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-emerald .bar-button-bglabel-md,
.toolbar-md-emerald .bar-button-clear-md-bglabel,
.toolbar-md-emerald .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-emerald .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-emerald .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-emerald .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-emerald .bar-button-primary-light-md,
.toolbar-md-emerald .bar-button-clear-md-primary-light,
.toolbar-md-emerald .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-emerald .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-emerald .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-emerald .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-emerald .bar-button-bgicon-md,
.toolbar-md-emerald .bar-button-clear-md-bgicon,
.toolbar-md-emerald .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-emerald .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-emerald .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-emerald .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-emerald .bar-button-primary-text-md,
.toolbar-md-emerald .bar-button-clear-md-primary-text,
.toolbar-md-emerald .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-emerald .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-emerald .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-emerald .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-emerald .bar-button-white-md,
.toolbar-md-emerald .bar-button-clear-md-white,
.toolbar-md-emerald .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-emerald .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-emerald .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-emerald .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-emerald .bar-button-success-md,
.toolbar-md-emerald .bar-button-clear-md-success,
.toolbar-md-emerald .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-emerald .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-emerald .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-emerald .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-emerald .bar-button-info-md,
.toolbar-md-emerald .bar-button-clear-md-info,
.toolbar-md-emerald .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-emerald .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-emerald .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-emerald .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-emerald .bar-button-warning-md,
.toolbar-md-emerald .bar-button-clear-md-warning,
.toolbar-md-emerald .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-emerald .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-emerald .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-emerald .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-emerald .bar-button-danger-md,
.toolbar-md-emerald .bar-button-clear-md-danger,
.toolbar-md-emerald .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-emerald .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-emerald .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-emerald .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-emerald .bar-button-tam-md,
.toolbar-md-emerald .bar-button-clear-md-tam,
.toolbar-md-emerald .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-emerald .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-emerald .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-emerald .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-emerald .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-emerald .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-emerald-md,
.bar-button-clear-md-emerald,
.bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.bar-button-emerald-md:hover:not(.disable-hover),
.bar-button-clear-md-emerald:hover:not(.disable-hover),
.bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-concrete .toolbar-background-md {
  background: #bdc3c7;
}

.toolbar-md-concrete .bar-button-clear-md,
.toolbar-md-concrete .bar-button-default-md,
.toolbar-md-concrete .bar-button-outline-md,
.toolbar-md-concrete .toolbar-title-md {
  color: #fff;
}

.toolbar-md-concrete .bar-button-clear-md .button-effect,
.toolbar-md-concrete .bar-button-default-md .button-effect,
.toolbar-md-concrete .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-concrete .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-concrete .bar-button-primary-md,
.toolbar-md-concrete .bar-button-clear-md-primary,
.toolbar-md-concrete .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-concrete .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-concrete .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-concrete .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-concrete .bar-button-secondary-md,
.toolbar-md-concrete .bar-button-clear-md-secondary,
.toolbar-md-concrete .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-concrete .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-concrete .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-concrete .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-concrete .bar-button-danger-low-md,
.toolbar-md-concrete .bar-button-clear-md-danger-low,
.toolbar-md-concrete .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-concrete .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-concrete .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-concrete .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-concrete .bar-button-light-md,
.toolbar-md-concrete .bar-button-clear-md-light,
.toolbar-md-concrete .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-concrete .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-concrete .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-concrete .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-concrete .bar-button-dark-md,
.toolbar-md-concrete .bar-button-clear-md-dark,
.toolbar-md-concrete .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-concrete .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-concrete .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-concrete .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-concrete .bar-button-favorite-md,
.toolbar-md-concrete .bar-button-clear-md-favorite,
.toolbar-md-concrete .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-concrete .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-concrete .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-concrete .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-concrete .bar-button-darkgrey-md,
.toolbar-md-concrete .bar-button-clear-md-darkgrey,
.toolbar-md-concrete .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-concrete .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-concrete .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-concrete .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-concrete .bar-button-emerald-md,
.toolbar-md-concrete .bar-button-clear-md-emerald,
.toolbar-md-concrete .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-concrete .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-concrete .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-concrete .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-concrete .bar-button-concrete-md,
.toolbar-md-concrete .bar-button-clear-md-concrete,
.toolbar-md-concrete .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-concrete .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-concrete .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-concrete .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-concrete .bar-button-yellow-md,
.toolbar-md-concrete .bar-button-clear-md-yellow,
.toolbar-md-concrete .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-concrete .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-concrete .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-concrete .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-concrete .bar-button-black-md,
.toolbar-md-concrete .bar-button-clear-md-black,
.toolbar-md-concrete .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-concrete .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-concrete .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-concrete .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-concrete .bar-button-grey-md,
.toolbar-md-concrete .bar-button-clear-md-grey,
.toolbar-md-concrete .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-concrete .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-concrete .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-concrete .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-concrete .bar-button-red-md,
.toolbar-md-concrete .bar-button-clear-md-red,
.toolbar-md-concrete .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-concrete .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-concrete .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-concrete .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-concrete .bar-button-notif-md,
.toolbar-md-concrete .bar-button-clear-md-notif,
.toolbar-md-concrete .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-concrete .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-concrete .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-concrete .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-concrete .bar-button-new-badge-md,
.toolbar-md-concrete .bar-button-clear-md-new-badge,
.toolbar-md-concrete .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-concrete .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-concrete .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-concrete .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-concrete .bar-button-accent-md,
.toolbar-md-concrete .bar-button-clear-md-accent,
.toolbar-md-concrete .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-concrete .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-concrete .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-concrete .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-concrete .bar-button-skeleton-md,
.toolbar-md-concrete .bar-button-clear-md-skeleton,
.toolbar-md-concrete .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-concrete .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-concrete .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-concrete .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-concrete .bar-button-outline-md,
.toolbar-md-concrete .bar-button-clear-md-outline,
.toolbar-md-concrete .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-concrete .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-concrete .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-concrete .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-concrete .bar-button-secondary-text-md,
.toolbar-md-concrete .bar-button-clear-md-secondary-text,
.toolbar-md-concrete .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-concrete .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-concrete .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-concrete .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-concrete .bar-button-text-md,
.toolbar-md-concrete .bar-button-clear-md-text,
.toolbar-md-concrete .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-concrete .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-concrete .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-concrete .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-concrete .bar-button-label-md,
.toolbar-md-concrete .bar-button-clear-md-label,
.toolbar-md-concrete .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-concrete .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-concrete .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-concrete .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-concrete .bar-button-hover-md,
.toolbar-md-concrete .bar-button-clear-md-hover,
.toolbar-md-concrete .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-concrete .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-concrete .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-concrete .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-concrete .bar-button-hover-dark-md,
.toolbar-md-concrete .bar-button-clear-md-hover-dark,
.toolbar-md-concrete .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-concrete .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-concrete .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-concrete .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-concrete .bar-button-bgcard-md,
.toolbar-md-concrete .bar-button-clear-md-bgcard,
.toolbar-md-concrete .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-concrete .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-concrete .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-concrete .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-concrete .bar-button-bgcard2-md,
.toolbar-md-concrete .bar-button-clear-md-bgcard2,
.toolbar-md-concrete .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-concrete .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-concrete .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-concrete .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-concrete .bar-button-bglabel-md,
.toolbar-md-concrete .bar-button-clear-md-bglabel,
.toolbar-md-concrete .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-concrete .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-concrete .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-concrete .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-concrete .bar-button-primary-light-md,
.toolbar-md-concrete .bar-button-clear-md-primary-light,
.toolbar-md-concrete .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-concrete .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-concrete .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-concrete .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-concrete .bar-button-bgicon-md,
.toolbar-md-concrete .bar-button-clear-md-bgicon,
.toolbar-md-concrete .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-concrete .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-concrete .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-concrete .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-concrete .bar-button-primary-text-md,
.toolbar-md-concrete .bar-button-clear-md-primary-text,
.toolbar-md-concrete .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-concrete .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-concrete .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-concrete .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-concrete .bar-button-white-md,
.toolbar-md-concrete .bar-button-clear-md-white,
.toolbar-md-concrete .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-concrete .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-concrete .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-concrete .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-concrete .bar-button-success-md,
.toolbar-md-concrete .bar-button-clear-md-success,
.toolbar-md-concrete .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-concrete .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-concrete .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-concrete .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-concrete .bar-button-info-md,
.toolbar-md-concrete .bar-button-clear-md-info,
.toolbar-md-concrete .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-concrete .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-concrete .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-concrete .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-concrete .bar-button-warning-md,
.toolbar-md-concrete .bar-button-clear-md-warning,
.toolbar-md-concrete .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-concrete .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-concrete .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-concrete .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-concrete .bar-button-danger-md,
.toolbar-md-concrete .bar-button-clear-md-danger,
.toolbar-md-concrete .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-concrete .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-concrete .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-concrete .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-concrete .bar-button-tam-md,
.toolbar-md-concrete .bar-button-clear-md-tam,
.toolbar-md-concrete .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-concrete .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-concrete .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-concrete .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-concrete .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-concrete .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-concrete-md,
.bar-button-clear-md-concrete,
.bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.bar-button-concrete-md:hover:not(.disable-hover),
.bar-button-clear-md-concrete:hover:not(.disable-hover),
.bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-yellow .toolbar-background-md {
  background: #ffff00;
}

.toolbar-md-yellow .bar-button-clear-md,
.toolbar-md-yellow .bar-button-default-md,
.toolbar-md-yellow .bar-button-outline-md,
.toolbar-md-yellow .toolbar-title-md {
  color: #424242;
}

.toolbar-md-yellow .bar-button-clear-md .button-effect,
.toolbar-md-yellow .bar-button-default-md .button-effect,
.toolbar-md-yellow .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-yellow .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-yellow .bar-button-primary-md,
.toolbar-md-yellow .bar-button-clear-md-primary,
.toolbar-md-yellow .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-yellow .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-yellow .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-yellow .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-yellow .bar-button-secondary-md,
.toolbar-md-yellow .bar-button-clear-md-secondary,
.toolbar-md-yellow .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-yellow .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-yellow .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-yellow .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-yellow .bar-button-danger-low-md,
.toolbar-md-yellow .bar-button-clear-md-danger-low,
.toolbar-md-yellow .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-yellow .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-yellow .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-yellow .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-yellow .bar-button-light-md,
.toolbar-md-yellow .bar-button-clear-md-light,
.toolbar-md-yellow .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-yellow .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-yellow .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-yellow .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-yellow .bar-button-dark-md,
.toolbar-md-yellow .bar-button-clear-md-dark,
.toolbar-md-yellow .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-yellow .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-yellow .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-yellow .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-yellow .bar-button-favorite-md,
.toolbar-md-yellow .bar-button-clear-md-favorite,
.toolbar-md-yellow .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-yellow .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-yellow .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-yellow .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-yellow .bar-button-darkgrey-md,
.toolbar-md-yellow .bar-button-clear-md-darkgrey,
.toolbar-md-yellow .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-yellow .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-yellow .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-yellow .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-yellow .bar-button-emerald-md,
.toolbar-md-yellow .bar-button-clear-md-emerald,
.toolbar-md-yellow .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-yellow .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-yellow .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-yellow .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-yellow .bar-button-concrete-md,
.toolbar-md-yellow .bar-button-clear-md-concrete,
.toolbar-md-yellow .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-yellow .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-yellow .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-yellow .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-yellow .bar-button-yellow-md,
.toolbar-md-yellow .bar-button-clear-md-yellow,
.toolbar-md-yellow .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-yellow .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-yellow .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-yellow .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-yellow .bar-button-black-md,
.toolbar-md-yellow .bar-button-clear-md-black,
.toolbar-md-yellow .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-yellow .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-yellow .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-yellow .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-yellow .bar-button-grey-md,
.toolbar-md-yellow .bar-button-clear-md-grey,
.toolbar-md-yellow .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-yellow .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-yellow .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-yellow .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-yellow .bar-button-red-md,
.toolbar-md-yellow .bar-button-clear-md-red,
.toolbar-md-yellow .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-yellow .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-yellow .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-yellow .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-yellow .bar-button-notif-md,
.toolbar-md-yellow .bar-button-clear-md-notif,
.toolbar-md-yellow .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-yellow .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-yellow .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-yellow .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-yellow .bar-button-new-badge-md,
.toolbar-md-yellow .bar-button-clear-md-new-badge,
.toolbar-md-yellow .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-yellow .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-yellow .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-yellow .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-yellow .bar-button-accent-md,
.toolbar-md-yellow .bar-button-clear-md-accent,
.toolbar-md-yellow .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-yellow .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-yellow .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-yellow .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-yellow .bar-button-skeleton-md,
.toolbar-md-yellow .bar-button-clear-md-skeleton,
.toolbar-md-yellow .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-yellow .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-yellow .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-yellow .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-yellow .bar-button-outline-md,
.toolbar-md-yellow .bar-button-clear-md-outline,
.toolbar-md-yellow .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-yellow .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-yellow .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-yellow .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-yellow .bar-button-secondary-text-md,
.toolbar-md-yellow .bar-button-clear-md-secondary-text,
.toolbar-md-yellow .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-yellow .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-yellow .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-yellow .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-yellow .bar-button-text-md,
.toolbar-md-yellow .bar-button-clear-md-text,
.toolbar-md-yellow .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-yellow .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-yellow .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-yellow .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-yellow .bar-button-label-md,
.toolbar-md-yellow .bar-button-clear-md-label,
.toolbar-md-yellow .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-yellow .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-yellow .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-yellow .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-yellow .bar-button-hover-md,
.toolbar-md-yellow .bar-button-clear-md-hover,
.toolbar-md-yellow .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-yellow .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-yellow .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-yellow .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-yellow .bar-button-hover-dark-md,
.toolbar-md-yellow .bar-button-clear-md-hover-dark,
.toolbar-md-yellow .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-yellow .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-yellow .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-yellow .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-yellow .bar-button-bgcard-md,
.toolbar-md-yellow .bar-button-clear-md-bgcard,
.toolbar-md-yellow .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-yellow .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-yellow .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-yellow .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-yellow .bar-button-bgcard2-md,
.toolbar-md-yellow .bar-button-clear-md-bgcard2,
.toolbar-md-yellow .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-yellow .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-yellow .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-yellow .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-yellow .bar-button-bglabel-md,
.toolbar-md-yellow .bar-button-clear-md-bglabel,
.toolbar-md-yellow .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-yellow .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-yellow .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-yellow .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-yellow .bar-button-primary-light-md,
.toolbar-md-yellow .bar-button-clear-md-primary-light,
.toolbar-md-yellow .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-yellow .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-yellow .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-yellow .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-yellow .bar-button-bgicon-md,
.toolbar-md-yellow .bar-button-clear-md-bgicon,
.toolbar-md-yellow .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-yellow .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-yellow .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-yellow .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-yellow .bar-button-primary-text-md,
.toolbar-md-yellow .bar-button-clear-md-primary-text,
.toolbar-md-yellow .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-yellow .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-yellow .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-yellow .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-yellow .bar-button-white-md,
.toolbar-md-yellow .bar-button-clear-md-white,
.toolbar-md-yellow .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-yellow .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-yellow .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-yellow .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-yellow .bar-button-success-md,
.toolbar-md-yellow .bar-button-clear-md-success,
.toolbar-md-yellow .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-yellow .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-yellow .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-yellow .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-yellow .bar-button-info-md,
.toolbar-md-yellow .bar-button-clear-md-info,
.toolbar-md-yellow .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-yellow .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-yellow .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-yellow .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-yellow .bar-button-warning-md,
.toolbar-md-yellow .bar-button-clear-md-warning,
.toolbar-md-yellow .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-yellow .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-yellow .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-yellow .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-yellow .bar-button-danger-md,
.toolbar-md-yellow .bar-button-clear-md-danger,
.toolbar-md-yellow .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-yellow .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-yellow .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-yellow .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-yellow .bar-button-tam-md,
.toolbar-md-yellow .bar-button-clear-md-tam,
.toolbar-md-yellow .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-yellow .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-yellow .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-yellow .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-yellow .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-yellow .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-yellow-md,
.bar-button-clear-md-yellow,
.bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.bar-button-yellow-md:hover:not(.disable-hover),
.bar-button-clear-md-yellow:hover:not(.disable-hover),
.bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-black .toolbar-background-md {
  background: #000000;
}

.toolbar-md-black .bar-button-clear-md,
.toolbar-md-black .bar-button-default-md,
.toolbar-md-black .bar-button-outline-md,
.toolbar-md-black .toolbar-title-md {
  color: #fff;
}

.toolbar-md-black .bar-button-clear-md .button-effect,
.toolbar-md-black .bar-button-default-md .button-effect,
.toolbar-md-black .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-black .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-black .bar-button-primary-md,
.toolbar-md-black .bar-button-clear-md-primary,
.toolbar-md-black .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-black .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-black .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-black .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-black .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-black .bar-button-secondary-md,
.toolbar-md-black .bar-button-clear-md-secondary,
.toolbar-md-black .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-black .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-black .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-black .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-black .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-black .bar-button-danger-low-md,
.toolbar-md-black .bar-button-clear-md-danger-low,
.toolbar-md-black .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-black .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-black .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-black .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-black .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-black .bar-button-light-md,
.toolbar-md-black .bar-button-clear-md-light,
.toolbar-md-black .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-black .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-black .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-black .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-black .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-black .bar-button-dark-md,
.toolbar-md-black .bar-button-clear-md-dark,
.toolbar-md-black .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-black .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-black .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-black .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-black .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-black .bar-button-favorite-md,
.toolbar-md-black .bar-button-clear-md-favorite,
.toolbar-md-black .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-black .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-black .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-black .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-black .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-black .bar-button-darkgrey-md,
.toolbar-md-black .bar-button-clear-md-darkgrey,
.toolbar-md-black .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-black .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-black .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-black .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-black .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-black .bar-button-emerald-md,
.toolbar-md-black .bar-button-clear-md-emerald,
.toolbar-md-black .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-black .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-black .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-black .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-black .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-black .bar-button-concrete-md,
.toolbar-md-black .bar-button-clear-md-concrete,
.toolbar-md-black .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-black .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-black .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-black .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-black .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-black .bar-button-yellow-md,
.toolbar-md-black .bar-button-clear-md-yellow,
.toolbar-md-black .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-black .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-black .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-black .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-black .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-black .bar-button-black-md,
.toolbar-md-black .bar-button-clear-md-black,
.toolbar-md-black .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-black .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-black .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-black .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-black .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-black .bar-button-grey-md,
.toolbar-md-black .bar-button-clear-md-grey,
.toolbar-md-black .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-black .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-black .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-black .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-black .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-black .bar-button-red-md,
.toolbar-md-black .bar-button-clear-md-red,
.toolbar-md-black .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-black .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-black .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-black .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-black .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-black .bar-button-notif-md,
.toolbar-md-black .bar-button-clear-md-notif,
.toolbar-md-black .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-black .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-black .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-black .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-black .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-black .bar-button-new-badge-md,
.toolbar-md-black .bar-button-clear-md-new-badge,
.toolbar-md-black .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-black .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-black .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-black .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-black .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-black .bar-button-accent-md,
.toolbar-md-black .bar-button-clear-md-accent,
.toolbar-md-black .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-black .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-black .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-black .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-black .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-black .bar-button-skeleton-md,
.toolbar-md-black .bar-button-clear-md-skeleton,
.toolbar-md-black .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-black .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-black .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-black .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-black .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-black .bar-button-outline-md,
.toolbar-md-black .bar-button-clear-md-outline,
.toolbar-md-black .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-black .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-black .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-black .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-black .bar-button-secondary-text-md,
.toolbar-md-black .bar-button-clear-md-secondary-text,
.toolbar-md-black .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-black .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-black .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-black .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-black .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-black .bar-button-text-md,
.toolbar-md-black .bar-button-clear-md-text,
.toolbar-md-black .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-black .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-black .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-black .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-black .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-black .bar-button-label-md,
.toolbar-md-black .bar-button-clear-md-label,
.toolbar-md-black .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-black .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-black .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-black .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-black .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-black .bar-button-hover-md,
.toolbar-md-black .bar-button-clear-md-hover,
.toolbar-md-black .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-black .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-black .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-black .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-black .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-black .bar-button-hover-dark-md,
.toolbar-md-black .bar-button-clear-md-hover-dark,
.toolbar-md-black .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-black .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-black .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-black .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-black .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-black .bar-button-bgcard-md,
.toolbar-md-black .bar-button-clear-md-bgcard,
.toolbar-md-black .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-black .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-black .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-black .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-black .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-black .bar-button-bgcard2-md,
.toolbar-md-black .bar-button-clear-md-bgcard2,
.toolbar-md-black .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-black .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-black .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-black .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-black .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-black .bar-button-bglabel-md,
.toolbar-md-black .bar-button-clear-md-bglabel,
.toolbar-md-black .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-black .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-black .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-black .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-black .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-black .bar-button-primary-light-md,
.toolbar-md-black .bar-button-clear-md-primary-light,
.toolbar-md-black .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-black .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-black .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-black .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-black .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-black .bar-button-bgicon-md,
.toolbar-md-black .bar-button-clear-md-bgicon,
.toolbar-md-black .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-black .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-black .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-black .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-black .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-black .bar-button-primary-text-md,
.toolbar-md-black .bar-button-clear-md-primary-text,
.toolbar-md-black .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-black .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-black .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-black .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-black .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-black .bar-button-white-md,
.toolbar-md-black .bar-button-clear-md-white,
.toolbar-md-black .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-black .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-black .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-black .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-black .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-black .bar-button-success-md,
.toolbar-md-black .bar-button-clear-md-success,
.toolbar-md-black .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-black .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-black .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-black .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-black .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-black .bar-button-info-md,
.toolbar-md-black .bar-button-clear-md-info,
.toolbar-md-black .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-black .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-black .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-black .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-black .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-black .bar-button-warning-md,
.toolbar-md-black .bar-button-clear-md-warning,
.toolbar-md-black .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-black .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-black .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-black .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-black .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-black .bar-button-danger-md,
.toolbar-md-black .bar-button-clear-md-danger,
.toolbar-md-black .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-black .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-black .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-black .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-black .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-black .bar-button-tam-md,
.toolbar-md-black .bar-button-clear-md-tam,
.toolbar-md-black .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-black .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-black .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-black .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-black .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-black .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-black .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-black .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-black-md,
.bar-button-clear-md-black,
.bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.bar-button-black-md:hover:not(.disable-hover),
.bar-button-clear-md-black:hover:not(.disable-hover),
.bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.bar-button-outline-md-black.activated {
  background-color: transparent;
}

.bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-grey .toolbar-background-md {
  background: #808080;
}

.toolbar-md-grey .bar-button-clear-md,
.toolbar-md-grey .bar-button-default-md,
.toolbar-md-grey .bar-button-outline-md,
.toolbar-md-grey .toolbar-title-md {
  color: #fff;
}

.toolbar-md-grey .bar-button-clear-md .button-effect,
.toolbar-md-grey .bar-button-default-md .button-effect,
.toolbar-md-grey .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-grey .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-grey .bar-button-primary-md,
.toolbar-md-grey .bar-button-clear-md-primary,
.toolbar-md-grey .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-grey .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-grey .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-grey .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-grey .bar-button-secondary-md,
.toolbar-md-grey .bar-button-clear-md-secondary,
.toolbar-md-grey .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-grey .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-grey .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-grey .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-grey .bar-button-danger-low-md,
.toolbar-md-grey .bar-button-clear-md-danger-low,
.toolbar-md-grey .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-grey .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-grey .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-grey .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-grey .bar-button-light-md,
.toolbar-md-grey .bar-button-clear-md-light,
.toolbar-md-grey .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-grey .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-grey .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-grey .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-grey .bar-button-dark-md,
.toolbar-md-grey .bar-button-clear-md-dark,
.toolbar-md-grey .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-grey .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-grey .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-grey .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-grey .bar-button-favorite-md,
.toolbar-md-grey .bar-button-clear-md-favorite,
.toolbar-md-grey .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-grey .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-grey .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-grey .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-grey .bar-button-darkgrey-md,
.toolbar-md-grey .bar-button-clear-md-darkgrey,
.toolbar-md-grey .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-grey .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-grey .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-grey .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-grey .bar-button-emerald-md,
.toolbar-md-grey .bar-button-clear-md-emerald,
.toolbar-md-grey .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-grey .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-grey .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-grey .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-grey .bar-button-concrete-md,
.toolbar-md-grey .bar-button-clear-md-concrete,
.toolbar-md-grey .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-grey .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-grey .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-grey .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-grey .bar-button-yellow-md,
.toolbar-md-grey .bar-button-clear-md-yellow,
.toolbar-md-grey .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-grey .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-grey .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-grey .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-grey .bar-button-black-md,
.toolbar-md-grey .bar-button-clear-md-black,
.toolbar-md-grey .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-grey .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-grey .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-grey .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-grey .bar-button-grey-md,
.toolbar-md-grey .bar-button-clear-md-grey,
.toolbar-md-grey .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-grey .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-grey .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-grey .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-grey .bar-button-red-md,
.toolbar-md-grey .bar-button-clear-md-red,
.toolbar-md-grey .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-grey .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-grey .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-grey .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-grey .bar-button-notif-md,
.toolbar-md-grey .bar-button-clear-md-notif,
.toolbar-md-grey .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-grey .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-grey .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-grey .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-grey .bar-button-new-badge-md,
.toolbar-md-grey .bar-button-clear-md-new-badge,
.toolbar-md-grey .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-grey .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-grey .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-grey .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-grey .bar-button-accent-md,
.toolbar-md-grey .bar-button-clear-md-accent,
.toolbar-md-grey .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-grey .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-grey .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-grey .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-grey .bar-button-skeleton-md,
.toolbar-md-grey .bar-button-clear-md-skeleton,
.toolbar-md-grey .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-grey .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-grey .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-grey .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-grey .bar-button-outline-md,
.toolbar-md-grey .bar-button-clear-md-outline,
.toolbar-md-grey .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-grey .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-grey .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-grey .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-grey .bar-button-secondary-text-md,
.toolbar-md-grey .bar-button-clear-md-secondary-text,
.toolbar-md-grey .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-grey .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-grey .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-grey .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-grey .bar-button-text-md,
.toolbar-md-grey .bar-button-clear-md-text,
.toolbar-md-grey .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-grey .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-grey .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-grey .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-grey .bar-button-label-md,
.toolbar-md-grey .bar-button-clear-md-label,
.toolbar-md-grey .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-grey .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-grey .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-grey .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-grey .bar-button-hover-md,
.toolbar-md-grey .bar-button-clear-md-hover,
.toolbar-md-grey .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-grey .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-grey .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-grey .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-grey .bar-button-hover-dark-md,
.toolbar-md-grey .bar-button-clear-md-hover-dark,
.toolbar-md-grey .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-grey .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-grey .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-grey .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-grey .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-grey .bar-button-bgcard-md,
.toolbar-md-grey .bar-button-clear-md-bgcard,
.toolbar-md-grey .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-grey .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-grey .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-grey .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-grey .bar-button-bgcard2-md,
.toolbar-md-grey .bar-button-clear-md-bgcard2,
.toolbar-md-grey .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-grey .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-grey .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-grey .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-grey .bar-button-bglabel-md,
.toolbar-md-grey .bar-button-clear-md-bglabel,
.toolbar-md-grey .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-grey .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-grey .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-grey .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-grey .bar-button-primary-light-md,
.toolbar-md-grey .bar-button-clear-md-primary-light,
.toolbar-md-grey .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-grey .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-grey .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-grey .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-grey .bar-button-bgicon-md,
.toolbar-md-grey .bar-button-clear-md-bgicon,
.toolbar-md-grey .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-grey .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-grey .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-grey .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-grey .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-grey .bar-button-primary-text-md,
.toolbar-md-grey .bar-button-clear-md-primary-text,
.toolbar-md-grey .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-grey .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-grey .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-grey .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-grey .bar-button-white-md,
.toolbar-md-grey .bar-button-clear-md-white,
.toolbar-md-grey .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-grey .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-grey .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-grey .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-grey .bar-button-success-md,
.toolbar-md-grey .bar-button-clear-md-success,
.toolbar-md-grey .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-grey .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-grey .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-grey .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-grey .bar-button-info-md,
.toolbar-md-grey .bar-button-clear-md-info,
.toolbar-md-grey .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-grey .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-grey .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-grey .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-grey .bar-button-warning-md,
.toolbar-md-grey .bar-button-clear-md-warning,
.toolbar-md-grey .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-grey .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-grey .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-grey .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-grey .bar-button-danger-md,
.toolbar-md-grey .bar-button-clear-md-danger,
.toolbar-md-grey .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-grey .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-grey .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-grey .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-grey .bar-button-tam-md,
.toolbar-md-grey .bar-button-clear-md-tam,
.toolbar-md-grey .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-grey .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-grey .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-grey .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-grey .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-grey .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-grey-md,
.bar-button-clear-md-grey,
.bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.bar-button-grey-md:hover:not(.disable-hover),
.bar-button-clear-md-grey:hover:not(.disable-hover),
.bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-red .toolbar-background-md {
  background: #ed4956;
}

.toolbar-md-red .bar-button-clear-md,
.toolbar-md-red .bar-button-default-md,
.toolbar-md-red .bar-button-outline-md,
.toolbar-md-red .toolbar-title-md {
  color: #fff;
}

.toolbar-md-red .bar-button-clear-md .button-effect,
.toolbar-md-red .bar-button-default-md .button-effect,
.toolbar-md-red .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-red .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-red .bar-button-primary-md,
.toolbar-md-red .bar-button-clear-md-primary,
.toolbar-md-red .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-red .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-red .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-red .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-red .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-red .bar-button-secondary-md,
.toolbar-md-red .bar-button-clear-md-secondary,
.toolbar-md-red .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-red .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-red .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-red .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-red .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-red .bar-button-danger-low-md,
.toolbar-md-red .bar-button-clear-md-danger-low,
.toolbar-md-red .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-red .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-red .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-red .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-red .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-red .bar-button-light-md,
.toolbar-md-red .bar-button-clear-md-light,
.toolbar-md-red .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-red .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-red .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-red .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-red .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-red .bar-button-dark-md,
.toolbar-md-red .bar-button-clear-md-dark,
.toolbar-md-red .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-red .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-red .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-red .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-red .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-red .bar-button-favorite-md,
.toolbar-md-red .bar-button-clear-md-favorite,
.toolbar-md-red .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-red .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-red .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-red .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-red .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-red .bar-button-darkgrey-md,
.toolbar-md-red .bar-button-clear-md-darkgrey,
.toolbar-md-red .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-red .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-red .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-red .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-red .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-red .bar-button-emerald-md,
.toolbar-md-red .bar-button-clear-md-emerald,
.toolbar-md-red .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-red .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-red .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-red .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-red .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-red .bar-button-concrete-md,
.toolbar-md-red .bar-button-clear-md-concrete,
.toolbar-md-red .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-red .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-red .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-red .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-red .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-red .bar-button-yellow-md,
.toolbar-md-red .bar-button-clear-md-yellow,
.toolbar-md-red .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-red .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-red .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-red .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-red .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-red .bar-button-black-md,
.toolbar-md-red .bar-button-clear-md-black,
.toolbar-md-red .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-red .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-red .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-red .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-red .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-red .bar-button-grey-md,
.toolbar-md-red .bar-button-clear-md-grey,
.toolbar-md-red .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-red .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-red .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-red .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-red .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-red .bar-button-red-md,
.toolbar-md-red .bar-button-clear-md-red,
.toolbar-md-red .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-red .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-red .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-red .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-red .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-red .bar-button-notif-md,
.toolbar-md-red .bar-button-clear-md-notif,
.toolbar-md-red .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-red .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-red .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-red .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-red .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-red .bar-button-new-badge-md,
.toolbar-md-red .bar-button-clear-md-new-badge,
.toolbar-md-red .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-red .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-red .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-red .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-red .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-red .bar-button-accent-md,
.toolbar-md-red .bar-button-clear-md-accent,
.toolbar-md-red .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-red .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-red .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-red .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-red .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-red .bar-button-skeleton-md,
.toolbar-md-red .bar-button-clear-md-skeleton,
.toolbar-md-red .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-red .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-red .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-red .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-red .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-red .bar-button-outline-md,
.toolbar-md-red .bar-button-clear-md-outline,
.toolbar-md-red .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-red .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-red .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-red .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-red .bar-button-secondary-text-md,
.toolbar-md-red .bar-button-clear-md-secondary-text,
.toolbar-md-red .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-red .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-red .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-red .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-red .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-red .bar-button-text-md,
.toolbar-md-red .bar-button-clear-md-text,
.toolbar-md-red .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-red .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-red .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-red .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-red .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-red .bar-button-label-md,
.toolbar-md-red .bar-button-clear-md-label,
.toolbar-md-red .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-red .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-red .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-red .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-red .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-red .bar-button-hover-md,
.toolbar-md-red .bar-button-clear-md-hover,
.toolbar-md-red .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-red .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-red .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-red .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-red .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-red .bar-button-hover-dark-md,
.toolbar-md-red .bar-button-clear-md-hover-dark,
.toolbar-md-red .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-red .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-red .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-red .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-red .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-red .bar-button-bgcard-md,
.toolbar-md-red .bar-button-clear-md-bgcard,
.toolbar-md-red .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-red .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-red .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-red .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-red .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-red .bar-button-bgcard2-md,
.toolbar-md-red .bar-button-clear-md-bgcard2,
.toolbar-md-red .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-red .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-red .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-red .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-red .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-red .bar-button-bglabel-md,
.toolbar-md-red .bar-button-clear-md-bglabel,
.toolbar-md-red .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-red .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-red .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-red .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-red .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-red .bar-button-primary-light-md,
.toolbar-md-red .bar-button-clear-md-primary-light,
.toolbar-md-red .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-red .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-red .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-red .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-red .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-red .bar-button-bgicon-md,
.toolbar-md-red .bar-button-clear-md-bgicon,
.toolbar-md-red .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-red .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-red .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-red .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-red .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-red .bar-button-primary-text-md,
.toolbar-md-red .bar-button-clear-md-primary-text,
.toolbar-md-red .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-red .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-red .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-red .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-red .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-red .bar-button-white-md,
.toolbar-md-red .bar-button-clear-md-white,
.toolbar-md-red .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-red .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-red .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-red .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-red .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-red .bar-button-success-md,
.toolbar-md-red .bar-button-clear-md-success,
.toolbar-md-red .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-red .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-red .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-red .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-red .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-red .bar-button-info-md,
.toolbar-md-red .bar-button-clear-md-info,
.toolbar-md-red .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-red .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-red .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-red .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-red .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-red .bar-button-warning-md,
.toolbar-md-red .bar-button-clear-md-warning,
.toolbar-md-red .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-red .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-red .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-red .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-red .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-red .bar-button-danger-md,
.toolbar-md-red .bar-button-clear-md-danger,
.toolbar-md-red .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-red .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-red .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-red .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-red .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-red .bar-button-tam-md,
.toolbar-md-red .bar-button-clear-md-tam,
.toolbar-md-red .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-red .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-red .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-red .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-red .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-red .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-red .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-red .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-red-md,
.bar-button-clear-md-red,
.bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.bar-button-red-md:hover:not(.disable-hover),
.bar-button-clear-md-red:hover:not(.disable-hover),
.bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.bar-button-outline-md-red.activated {
  background-color: transparent;
}

.bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-notif .toolbar-background-md {
  background: #17DFC4;
}

.toolbar-md-notif .bar-button-clear-md,
.toolbar-md-notif .bar-button-default-md,
.toolbar-md-notif .bar-button-outline-md,
.toolbar-md-notif .toolbar-title-md {
  color: #fff;
}

.toolbar-md-notif .bar-button-clear-md .button-effect,
.toolbar-md-notif .bar-button-default-md .button-effect,
.toolbar-md-notif .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-notif .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-notif .bar-button-primary-md,
.toolbar-md-notif .bar-button-clear-md-primary,
.toolbar-md-notif .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-notif .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-notif .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-notif .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-notif .bar-button-secondary-md,
.toolbar-md-notif .bar-button-clear-md-secondary,
.toolbar-md-notif .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-notif .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-notif .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-notif .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-notif .bar-button-danger-low-md,
.toolbar-md-notif .bar-button-clear-md-danger-low,
.toolbar-md-notif .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-notif .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-notif .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-notif .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-notif .bar-button-light-md,
.toolbar-md-notif .bar-button-clear-md-light,
.toolbar-md-notif .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-notif .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-notif .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-notif .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-notif .bar-button-dark-md,
.toolbar-md-notif .bar-button-clear-md-dark,
.toolbar-md-notif .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-notif .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-notif .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-notif .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-notif .bar-button-favorite-md,
.toolbar-md-notif .bar-button-clear-md-favorite,
.toolbar-md-notif .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-notif .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-notif .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-notif .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-notif .bar-button-darkgrey-md,
.toolbar-md-notif .bar-button-clear-md-darkgrey,
.toolbar-md-notif .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-notif .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-notif .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-notif .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-notif .bar-button-emerald-md,
.toolbar-md-notif .bar-button-clear-md-emerald,
.toolbar-md-notif .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-notif .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-notif .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-notif .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-notif .bar-button-concrete-md,
.toolbar-md-notif .bar-button-clear-md-concrete,
.toolbar-md-notif .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-notif .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-notif .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-notif .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-notif .bar-button-yellow-md,
.toolbar-md-notif .bar-button-clear-md-yellow,
.toolbar-md-notif .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-notif .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-notif .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-notif .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-notif .bar-button-black-md,
.toolbar-md-notif .bar-button-clear-md-black,
.toolbar-md-notif .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-notif .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-notif .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-notif .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-notif .bar-button-grey-md,
.toolbar-md-notif .bar-button-clear-md-grey,
.toolbar-md-notif .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-notif .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-notif .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-notif .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-notif .bar-button-red-md,
.toolbar-md-notif .bar-button-clear-md-red,
.toolbar-md-notif .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-notif .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-notif .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-notif .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-notif .bar-button-notif-md,
.toolbar-md-notif .bar-button-clear-md-notif,
.toolbar-md-notif .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-notif .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-notif .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-notif .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-notif .bar-button-new-badge-md,
.toolbar-md-notif .bar-button-clear-md-new-badge,
.toolbar-md-notif .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-notif .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-notif .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-notif .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-notif .bar-button-accent-md,
.toolbar-md-notif .bar-button-clear-md-accent,
.toolbar-md-notif .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-notif .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-notif .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-notif .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-notif .bar-button-skeleton-md,
.toolbar-md-notif .bar-button-clear-md-skeleton,
.toolbar-md-notif .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-notif .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-notif .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-notif .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-notif .bar-button-outline-md,
.toolbar-md-notif .bar-button-clear-md-outline,
.toolbar-md-notif .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-notif .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-notif .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-notif .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-notif .bar-button-secondary-text-md,
.toolbar-md-notif .bar-button-clear-md-secondary-text,
.toolbar-md-notif .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-notif .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-notif .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-notif .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-notif .bar-button-text-md,
.toolbar-md-notif .bar-button-clear-md-text,
.toolbar-md-notif .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-notif .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-notif .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-notif .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-notif .bar-button-label-md,
.toolbar-md-notif .bar-button-clear-md-label,
.toolbar-md-notif .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-notif .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-notif .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-notif .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-notif .bar-button-hover-md,
.toolbar-md-notif .bar-button-clear-md-hover,
.toolbar-md-notif .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-notif .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-notif .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-notif .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-notif .bar-button-hover-dark-md,
.toolbar-md-notif .bar-button-clear-md-hover-dark,
.toolbar-md-notif .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-notif .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-notif .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-notif .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-notif .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-notif .bar-button-bgcard-md,
.toolbar-md-notif .bar-button-clear-md-bgcard,
.toolbar-md-notif .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-notif .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-notif .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-notif .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-notif .bar-button-bgcard2-md,
.toolbar-md-notif .bar-button-clear-md-bgcard2,
.toolbar-md-notif .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-notif .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-notif .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-notif .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-notif .bar-button-bglabel-md,
.toolbar-md-notif .bar-button-clear-md-bglabel,
.toolbar-md-notif .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-notif .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-notif .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-notif .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-notif .bar-button-primary-light-md,
.toolbar-md-notif .bar-button-clear-md-primary-light,
.toolbar-md-notif .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-notif .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-notif .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-notif .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-notif .bar-button-bgicon-md,
.toolbar-md-notif .bar-button-clear-md-bgicon,
.toolbar-md-notif .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-notif .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-notif .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-notif .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-notif .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-notif .bar-button-primary-text-md,
.toolbar-md-notif .bar-button-clear-md-primary-text,
.toolbar-md-notif .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-notif .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-notif .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-notif .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-notif .bar-button-white-md,
.toolbar-md-notif .bar-button-clear-md-white,
.toolbar-md-notif .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-notif .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-notif .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-notif .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-notif .bar-button-success-md,
.toolbar-md-notif .bar-button-clear-md-success,
.toolbar-md-notif .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-notif .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-notif .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-notif .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-notif .bar-button-info-md,
.toolbar-md-notif .bar-button-clear-md-info,
.toolbar-md-notif .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-notif .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-notif .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-notif .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-notif .bar-button-warning-md,
.toolbar-md-notif .bar-button-clear-md-warning,
.toolbar-md-notif .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-notif .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-notif .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-notif .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-notif .bar-button-danger-md,
.toolbar-md-notif .bar-button-clear-md-danger,
.toolbar-md-notif .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-notif .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-notif .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-notif .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-notif .bar-button-tam-md,
.toolbar-md-notif .bar-button-clear-md-tam,
.toolbar-md-notif .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-notif .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-notif .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-notif .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-notif .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-notif .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-notif-md,
.bar-button-clear-md-notif,
.bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.bar-button-notif-md:hover:not(.disable-hover),
.bar-button-clear-md-notif:hover:not(.disable-hover),
.bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-new-badge .toolbar-background-md {
  background: #63BEFB;
}

.toolbar-md-new-badge .bar-button-clear-md,
.toolbar-md-new-badge .bar-button-default-md,
.toolbar-md-new-badge .bar-button-outline-md,
.toolbar-md-new-badge .toolbar-title-md {
  color: #fff;
}

.toolbar-md-new-badge .bar-button-clear-md .button-effect,
.toolbar-md-new-badge .bar-button-default-md .button-effect,
.toolbar-md-new-badge .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-new-badge .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-new-badge .bar-button-primary-md,
.toolbar-md-new-badge .bar-button-clear-md-primary,
.toolbar-md-new-badge .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-new-badge .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-new-badge .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-new-badge .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-new-badge .bar-button-secondary-md,
.toolbar-md-new-badge .bar-button-clear-md-secondary,
.toolbar-md-new-badge .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-new-badge .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-new-badge .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-new-badge .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-new-badge .bar-button-danger-low-md,
.toolbar-md-new-badge .bar-button-clear-md-danger-low,
.toolbar-md-new-badge .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-new-badge .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-new-badge .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-new-badge .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-new-badge .bar-button-light-md,
.toolbar-md-new-badge .bar-button-clear-md-light,
.toolbar-md-new-badge .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-new-badge .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-new-badge .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-new-badge .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-new-badge .bar-button-dark-md,
.toolbar-md-new-badge .bar-button-clear-md-dark,
.toolbar-md-new-badge .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-new-badge .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-new-badge .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-new-badge .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-new-badge .bar-button-favorite-md,
.toolbar-md-new-badge .bar-button-clear-md-favorite,
.toolbar-md-new-badge .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-new-badge .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-new-badge .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-new-badge .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-new-badge .bar-button-darkgrey-md,
.toolbar-md-new-badge .bar-button-clear-md-darkgrey,
.toolbar-md-new-badge .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-new-badge .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-new-badge .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-new-badge .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-new-badge .bar-button-emerald-md,
.toolbar-md-new-badge .bar-button-clear-md-emerald,
.toolbar-md-new-badge .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-new-badge .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-new-badge .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-new-badge .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-new-badge .bar-button-concrete-md,
.toolbar-md-new-badge .bar-button-clear-md-concrete,
.toolbar-md-new-badge .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-new-badge .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-new-badge .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-new-badge .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-new-badge .bar-button-yellow-md,
.toolbar-md-new-badge .bar-button-clear-md-yellow,
.toolbar-md-new-badge .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-new-badge .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-new-badge .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-new-badge .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-new-badge .bar-button-black-md,
.toolbar-md-new-badge .bar-button-clear-md-black,
.toolbar-md-new-badge .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-new-badge .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-new-badge .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-new-badge .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-new-badge .bar-button-grey-md,
.toolbar-md-new-badge .bar-button-clear-md-grey,
.toolbar-md-new-badge .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-new-badge .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-new-badge .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-new-badge .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-new-badge .bar-button-red-md,
.toolbar-md-new-badge .bar-button-clear-md-red,
.toolbar-md-new-badge .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-new-badge .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-new-badge .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-new-badge .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-new-badge .bar-button-notif-md,
.toolbar-md-new-badge .bar-button-clear-md-notif,
.toolbar-md-new-badge .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-new-badge .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-new-badge .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-new-badge .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-new-badge .bar-button-new-badge-md,
.toolbar-md-new-badge .bar-button-clear-md-new-badge,
.toolbar-md-new-badge .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-new-badge .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-new-badge .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-new-badge .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-new-badge .bar-button-accent-md,
.toolbar-md-new-badge .bar-button-clear-md-accent,
.toolbar-md-new-badge .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-new-badge .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-new-badge .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-new-badge .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-new-badge .bar-button-skeleton-md,
.toolbar-md-new-badge .bar-button-clear-md-skeleton,
.toolbar-md-new-badge .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-new-badge .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-new-badge .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-new-badge .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-new-badge .bar-button-outline-md,
.toolbar-md-new-badge .bar-button-clear-md-outline,
.toolbar-md-new-badge .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-new-badge .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-new-badge .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-new-badge .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-new-badge .bar-button-secondary-text-md,
.toolbar-md-new-badge .bar-button-clear-md-secondary-text,
.toolbar-md-new-badge .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-new-badge .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-new-badge .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-new-badge .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-new-badge .bar-button-text-md,
.toolbar-md-new-badge .bar-button-clear-md-text,
.toolbar-md-new-badge .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-new-badge .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-new-badge .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-new-badge .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-new-badge .bar-button-label-md,
.toolbar-md-new-badge .bar-button-clear-md-label,
.toolbar-md-new-badge .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-new-badge .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-new-badge .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-new-badge .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-new-badge .bar-button-hover-md,
.toolbar-md-new-badge .bar-button-clear-md-hover,
.toolbar-md-new-badge .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-new-badge .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-new-badge .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-new-badge .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-new-badge .bar-button-hover-dark-md,
.toolbar-md-new-badge .bar-button-clear-md-hover-dark,
.toolbar-md-new-badge .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-new-badge .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-new-badge .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-new-badge .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-new-badge .bar-button-bgcard-md,
.toolbar-md-new-badge .bar-button-clear-md-bgcard,
.toolbar-md-new-badge .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-new-badge .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-new-badge .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-new-badge .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-new-badge .bar-button-bgcard2-md,
.toolbar-md-new-badge .bar-button-clear-md-bgcard2,
.toolbar-md-new-badge .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-new-badge .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-new-badge .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-new-badge .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-new-badge .bar-button-bglabel-md,
.toolbar-md-new-badge .bar-button-clear-md-bglabel,
.toolbar-md-new-badge .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-new-badge .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-new-badge .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-new-badge .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-new-badge .bar-button-primary-light-md,
.toolbar-md-new-badge .bar-button-clear-md-primary-light,
.toolbar-md-new-badge .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-new-badge .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-new-badge .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-new-badge .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-new-badge .bar-button-bgicon-md,
.toolbar-md-new-badge .bar-button-clear-md-bgicon,
.toolbar-md-new-badge .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-new-badge .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-new-badge .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-new-badge .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-new-badge .bar-button-primary-text-md,
.toolbar-md-new-badge .bar-button-clear-md-primary-text,
.toolbar-md-new-badge .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-new-badge .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-new-badge .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-new-badge .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-new-badge .bar-button-white-md,
.toolbar-md-new-badge .bar-button-clear-md-white,
.toolbar-md-new-badge .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-new-badge .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-new-badge .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-new-badge .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-new-badge .bar-button-success-md,
.toolbar-md-new-badge .bar-button-clear-md-success,
.toolbar-md-new-badge .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-new-badge .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-new-badge .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-new-badge .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-new-badge .bar-button-info-md,
.toolbar-md-new-badge .bar-button-clear-md-info,
.toolbar-md-new-badge .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-new-badge .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-new-badge .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-new-badge .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-new-badge .bar-button-warning-md,
.toolbar-md-new-badge .bar-button-clear-md-warning,
.toolbar-md-new-badge .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-new-badge .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-new-badge .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-new-badge .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-new-badge .bar-button-danger-md,
.toolbar-md-new-badge .bar-button-clear-md-danger,
.toolbar-md-new-badge .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-new-badge .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-new-badge .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-new-badge .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-new-badge .bar-button-tam-md,
.toolbar-md-new-badge .bar-button-clear-md-tam,
.toolbar-md-new-badge .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-new-badge .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-new-badge .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-new-badge .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-new-badge .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-new-badge .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-new-badge-md,
.bar-button-clear-md-new-badge,
.bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.bar-button-new-badge-md:hover:not(.disable-hover),
.bar-button-clear-md-new-badge:hover:not(.disable-hover),
.bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-accent .toolbar-background-md {
  background: #63BEFB;
}

.toolbar-md-accent .bar-button-clear-md,
.toolbar-md-accent .bar-button-default-md,
.toolbar-md-accent .bar-button-outline-md,
.toolbar-md-accent .toolbar-title-md {
  color: #fff;
}

.toolbar-md-accent .bar-button-clear-md .button-effect,
.toolbar-md-accent .bar-button-default-md .button-effect,
.toolbar-md-accent .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-accent .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-accent .bar-button-primary-md,
.toolbar-md-accent .bar-button-clear-md-primary,
.toolbar-md-accent .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-accent .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-accent .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-accent .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-accent .bar-button-secondary-md,
.toolbar-md-accent .bar-button-clear-md-secondary,
.toolbar-md-accent .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-accent .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-accent .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-accent .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-accent .bar-button-danger-low-md,
.toolbar-md-accent .bar-button-clear-md-danger-low,
.toolbar-md-accent .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-accent .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-accent .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-accent .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-accent .bar-button-light-md,
.toolbar-md-accent .bar-button-clear-md-light,
.toolbar-md-accent .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-accent .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-accent .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-accent .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-accent .bar-button-dark-md,
.toolbar-md-accent .bar-button-clear-md-dark,
.toolbar-md-accent .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-accent .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-accent .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-accent .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-accent .bar-button-favorite-md,
.toolbar-md-accent .bar-button-clear-md-favorite,
.toolbar-md-accent .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-accent .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-accent .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-accent .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-accent .bar-button-darkgrey-md,
.toolbar-md-accent .bar-button-clear-md-darkgrey,
.toolbar-md-accent .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-accent .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-accent .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-accent .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-accent .bar-button-emerald-md,
.toolbar-md-accent .bar-button-clear-md-emerald,
.toolbar-md-accent .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-accent .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-accent .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-accent .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-accent .bar-button-concrete-md,
.toolbar-md-accent .bar-button-clear-md-concrete,
.toolbar-md-accent .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-accent .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-accent .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-accent .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-accent .bar-button-yellow-md,
.toolbar-md-accent .bar-button-clear-md-yellow,
.toolbar-md-accent .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-accent .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-accent .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-accent .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-accent .bar-button-black-md,
.toolbar-md-accent .bar-button-clear-md-black,
.toolbar-md-accent .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-accent .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-accent .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-accent .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-accent .bar-button-grey-md,
.toolbar-md-accent .bar-button-clear-md-grey,
.toolbar-md-accent .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-accent .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-accent .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-accent .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-accent .bar-button-red-md,
.toolbar-md-accent .bar-button-clear-md-red,
.toolbar-md-accent .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-accent .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-accent .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-accent .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-accent .bar-button-notif-md,
.toolbar-md-accent .bar-button-clear-md-notif,
.toolbar-md-accent .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-accent .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-accent .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-accent .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-accent .bar-button-new-badge-md,
.toolbar-md-accent .bar-button-clear-md-new-badge,
.toolbar-md-accent .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-accent .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-accent .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-accent .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-accent .bar-button-accent-md,
.toolbar-md-accent .bar-button-clear-md-accent,
.toolbar-md-accent .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-accent .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-accent .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-accent .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-accent .bar-button-skeleton-md,
.toolbar-md-accent .bar-button-clear-md-skeleton,
.toolbar-md-accent .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-accent .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-accent .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-accent .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-accent .bar-button-outline-md,
.toolbar-md-accent .bar-button-clear-md-outline,
.toolbar-md-accent .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-accent .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-accent .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-accent .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-accent .bar-button-secondary-text-md,
.toolbar-md-accent .bar-button-clear-md-secondary-text,
.toolbar-md-accent .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-accent .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-accent .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-accent .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-accent .bar-button-text-md,
.toolbar-md-accent .bar-button-clear-md-text,
.toolbar-md-accent .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-accent .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-accent .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-accent .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-accent .bar-button-label-md,
.toolbar-md-accent .bar-button-clear-md-label,
.toolbar-md-accent .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-accent .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-accent .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-accent .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-accent .bar-button-hover-md,
.toolbar-md-accent .bar-button-clear-md-hover,
.toolbar-md-accent .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-accent .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-accent .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-accent .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-accent .bar-button-hover-dark-md,
.toolbar-md-accent .bar-button-clear-md-hover-dark,
.toolbar-md-accent .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-accent .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-accent .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-accent .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-accent .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-accent .bar-button-bgcard-md,
.toolbar-md-accent .bar-button-clear-md-bgcard,
.toolbar-md-accent .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-accent .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-accent .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-accent .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-accent .bar-button-bgcard2-md,
.toolbar-md-accent .bar-button-clear-md-bgcard2,
.toolbar-md-accent .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-accent .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-accent .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-accent .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-accent .bar-button-bglabel-md,
.toolbar-md-accent .bar-button-clear-md-bglabel,
.toolbar-md-accent .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-accent .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-accent .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-accent .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-accent .bar-button-primary-light-md,
.toolbar-md-accent .bar-button-clear-md-primary-light,
.toolbar-md-accent .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-accent .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-accent .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-accent .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-accent .bar-button-bgicon-md,
.toolbar-md-accent .bar-button-clear-md-bgicon,
.toolbar-md-accent .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-accent .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-accent .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-accent .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-accent .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-accent .bar-button-primary-text-md,
.toolbar-md-accent .bar-button-clear-md-primary-text,
.toolbar-md-accent .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-accent .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-accent .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-accent .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-accent .bar-button-white-md,
.toolbar-md-accent .bar-button-clear-md-white,
.toolbar-md-accent .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-accent .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-accent .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-accent .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-accent .bar-button-success-md,
.toolbar-md-accent .bar-button-clear-md-success,
.toolbar-md-accent .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-accent .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-accent .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-accent .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-accent .bar-button-info-md,
.toolbar-md-accent .bar-button-clear-md-info,
.toolbar-md-accent .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-accent .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-accent .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-accent .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-accent .bar-button-warning-md,
.toolbar-md-accent .bar-button-clear-md-warning,
.toolbar-md-accent .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-accent .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-accent .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-accent .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-accent .bar-button-danger-md,
.toolbar-md-accent .bar-button-clear-md-danger,
.toolbar-md-accent .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-accent .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-accent .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-accent .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-accent .bar-button-tam-md,
.toolbar-md-accent .bar-button-clear-md-tam,
.toolbar-md-accent .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-accent .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-accent .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-accent .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-accent .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-accent .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-accent-md,
.bar-button-clear-md-accent,
.bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.bar-button-accent-md:hover:not(.disable-hover),
.bar-button-clear-md-accent:hover:not(.disable-hover),
.bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-skeleton .toolbar-background-md {
  background: #dddddd;
}

.toolbar-md-skeleton .bar-button-clear-md,
.toolbar-md-skeleton .bar-button-default-md,
.toolbar-md-skeleton .bar-button-outline-md,
.toolbar-md-skeleton .toolbar-title-md {
  color: #424242;
}

.toolbar-md-skeleton .bar-button-clear-md .button-effect,
.toolbar-md-skeleton .bar-button-default-md .button-effect,
.toolbar-md-skeleton .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-skeleton .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-skeleton .bar-button-primary-md,
.toolbar-md-skeleton .bar-button-clear-md-primary,
.toolbar-md-skeleton .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-skeleton .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-skeleton .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-skeleton .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-skeleton .bar-button-secondary-md,
.toolbar-md-skeleton .bar-button-clear-md-secondary,
.toolbar-md-skeleton .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-skeleton .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-skeleton .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-skeleton .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-skeleton .bar-button-danger-low-md,
.toolbar-md-skeleton .bar-button-clear-md-danger-low,
.toolbar-md-skeleton .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-skeleton .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-skeleton .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-skeleton .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-skeleton .bar-button-light-md,
.toolbar-md-skeleton .bar-button-clear-md-light,
.toolbar-md-skeleton .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-skeleton .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-skeleton .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-skeleton .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-skeleton .bar-button-dark-md,
.toolbar-md-skeleton .bar-button-clear-md-dark,
.toolbar-md-skeleton .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-skeleton .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-skeleton .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-skeleton .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-skeleton .bar-button-favorite-md,
.toolbar-md-skeleton .bar-button-clear-md-favorite,
.toolbar-md-skeleton .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-skeleton .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-skeleton .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-skeleton .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-skeleton .bar-button-darkgrey-md,
.toolbar-md-skeleton .bar-button-clear-md-darkgrey,
.toolbar-md-skeleton .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-skeleton .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-skeleton .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-skeleton .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-skeleton .bar-button-emerald-md,
.toolbar-md-skeleton .bar-button-clear-md-emerald,
.toolbar-md-skeleton .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-skeleton .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-skeleton .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-skeleton .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-skeleton .bar-button-concrete-md,
.toolbar-md-skeleton .bar-button-clear-md-concrete,
.toolbar-md-skeleton .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-skeleton .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-skeleton .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-skeleton .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-skeleton .bar-button-yellow-md,
.toolbar-md-skeleton .bar-button-clear-md-yellow,
.toolbar-md-skeleton .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-skeleton .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-skeleton .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-skeleton .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-skeleton .bar-button-black-md,
.toolbar-md-skeleton .bar-button-clear-md-black,
.toolbar-md-skeleton .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-skeleton .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-skeleton .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-skeleton .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-skeleton .bar-button-grey-md,
.toolbar-md-skeleton .bar-button-clear-md-grey,
.toolbar-md-skeleton .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-skeleton .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-skeleton .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-skeleton .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-skeleton .bar-button-red-md,
.toolbar-md-skeleton .bar-button-clear-md-red,
.toolbar-md-skeleton .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-skeleton .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-skeleton .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-skeleton .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-skeleton .bar-button-notif-md,
.toolbar-md-skeleton .bar-button-clear-md-notif,
.toolbar-md-skeleton .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-skeleton .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-skeleton .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-skeleton .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-skeleton .bar-button-new-badge-md,
.toolbar-md-skeleton .bar-button-clear-md-new-badge,
.toolbar-md-skeleton .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-skeleton .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-skeleton .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-skeleton .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-skeleton .bar-button-accent-md,
.toolbar-md-skeleton .bar-button-clear-md-accent,
.toolbar-md-skeleton .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-skeleton .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-skeleton .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-skeleton .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-skeleton .bar-button-skeleton-md,
.toolbar-md-skeleton .bar-button-clear-md-skeleton,
.toolbar-md-skeleton .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-skeleton .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-skeleton .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-skeleton .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-skeleton .bar-button-outline-md,
.toolbar-md-skeleton .bar-button-clear-md-outline,
.toolbar-md-skeleton .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-skeleton .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-skeleton .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-skeleton .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-skeleton .bar-button-secondary-text-md,
.toolbar-md-skeleton .bar-button-clear-md-secondary-text,
.toolbar-md-skeleton .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-skeleton .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-skeleton .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-skeleton .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-skeleton .bar-button-text-md,
.toolbar-md-skeleton .bar-button-clear-md-text,
.toolbar-md-skeleton .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-skeleton .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-skeleton .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-skeleton .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-skeleton .bar-button-label-md,
.toolbar-md-skeleton .bar-button-clear-md-label,
.toolbar-md-skeleton .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-skeleton .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-skeleton .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-skeleton .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-skeleton .bar-button-hover-md,
.toolbar-md-skeleton .bar-button-clear-md-hover,
.toolbar-md-skeleton .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-skeleton .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-skeleton .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-skeleton .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-skeleton .bar-button-hover-dark-md,
.toolbar-md-skeleton .bar-button-clear-md-hover-dark,
.toolbar-md-skeleton .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-skeleton .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-skeleton .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-skeleton .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-skeleton .bar-button-bgcard-md,
.toolbar-md-skeleton .bar-button-clear-md-bgcard,
.toolbar-md-skeleton .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-skeleton .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-skeleton .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-skeleton .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-skeleton .bar-button-bgcard2-md,
.toolbar-md-skeleton .bar-button-clear-md-bgcard2,
.toolbar-md-skeleton .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-skeleton .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-skeleton .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-skeleton .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-skeleton .bar-button-bglabel-md,
.toolbar-md-skeleton .bar-button-clear-md-bglabel,
.toolbar-md-skeleton .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-skeleton .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-skeleton .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-skeleton .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-skeleton .bar-button-primary-light-md,
.toolbar-md-skeleton .bar-button-clear-md-primary-light,
.toolbar-md-skeleton .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-skeleton .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-skeleton .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-skeleton .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-skeleton .bar-button-bgicon-md,
.toolbar-md-skeleton .bar-button-clear-md-bgicon,
.toolbar-md-skeleton .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-skeleton .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-skeleton .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-skeleton .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-skeleton .bar-button-primary-text-md,
.toolbar-md-skeleton .bar-button-clear-md-primary-text,
.toolbar-md-skeleton .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-skeleton .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-skeleton .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-skeleton .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-skeleton .bar-button-white-md,
.toolbar-md-skeleton .bar-button-clear-md-white,
.toolbar-md-skeleton .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-skeleton .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-skeleton .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-skeleton .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-skeleton .bar-button-success-md,
.toolbar-md-skeleton .bar-button-clear-md-success,
.toolbar-md-skeleton .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-skeleton .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-skeleton .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-skeleton .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-skeleton .bar-button-info-md,
.toolbar-md-skeleton .bar-button-clear-md-info,
.toolbar-md-skeleton .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-skeleton .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-skeleton .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-skeleton .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-skeleton .bar-button-warning-md,
.toolbar-md-skeleton .bar-button-clear-md-warning,
.toolbar-md-skeleton .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-skeleton .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-skeleton .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-skeleton .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-skeleton .bar-button-danger-md,
.toolbar-md-skeleton .bar-button-clear-md-danger,
.toolbar-md-skeleton .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-skeleton .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-skeleton .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-skeleton .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-skeleton .bar-button-tam-md,
.toolbar-md-skeleton .bar-button-clear-md-tam,
.toolbar-md-skeleton .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-skeleton .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-skeleton .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-skeleton .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-skeleton .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-skeleton .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-skeleton-md,
.bar-button-clear-md-skeleton,
.bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.bar-button-skeleton-md:hover:not(.disable-hover),
.bar-button-clear-md-skeleton:hover:not(.disable-hover),
.bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-outline .toolbar-background-md {
  background: #dbdbe1;
}

.toolbar-md-outline .bar-button-clear-md,
.toolbar-md-outline .bar-button-default-md,
.toolbar-md-outline .bar-button-outline-md,
.toolbar-md-outline .toolbar-title-md {
  color: #424242;
}

.toolbar-md-outline .bar-button-clear-md .button-effect,
.toolbar-md-outline .bar-button-default-md .button-effect,
.toolbar-md-outline .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-outline .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-outline .bar-button-primary-md,
.toolbar-md-outline .bar-button-clear-md-primary,
.toolbar-md-outline .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-outline .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-outline .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-outline .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-outline .bar-button-secondary-md,
.toolbar-md-outline .bar-button-clear-md-secondary,
.toolbar-md-outline .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-outline .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-outline .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-outline .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-outline .bar-button-danger-low-md,
.toolbar-md-outline .bar-button-clear-md-danger-low,
.toolbar-md-outline .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-outline .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-outline .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-outline .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-outline .bar-button-light-md,
.toolbar-md-outline .bar-button-clear-md-light,
.toolbar-md-outline .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-outline .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-outline .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-outline .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-outline .bar-button-dark-md,
.toolbar-md-outline .bar-button-clear-md-dark,
.toolbar-md-outline .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-outline .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-outline .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-outline .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-outline .bar-button-favorite-md,
.toolbar-md-outline .bar-button-clear-md-favorite,
.toolbar-md-outline .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-outline .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-outline .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-outline .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-outline .bar-button-darkgrey-md,
.toolbar-md-outline .bar-button-clear-md-darkgrey,
.toolbar-md-outline .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-outline .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-outline .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-outline .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-outline .bar-button-emerald-md,
.toolbar-md-outline .bar-button-clear-md-emerald,
.toolbar-md-outline .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-outline .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-outline .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-outline .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-outline .bar-button-concrete-md,
.toolbar-md-outline .bar-button-clear-md-concrete,
.toolbar-md-outline .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-outline .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-outline .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-outline .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-outline .bar-button-yellow-md,
.toolbar-md-outline .bar-button-clear-md-yellow,
.toolbar-md-outline .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-outline .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-outline .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-outline .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-outline .bar-button-black-md,
.toolbar-md-outline .bar-button-clear-md-black,
.toolbar-md-outline .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-outline .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-outline .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-outline .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-outline .bar-button-grey-md,
.toolbar-md-outline .bar-button-clear-md-grey,
.toolbar-md-outline .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-outline .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-outline .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-outline .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-outline .bar-button-red-md,
.toolbar-md-outline .bar-button-clear-md-red,
.toolbar-md-outline .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-outline .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-outline .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-outline .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-outline .bar-button-notif-md,
.toolbar-md-outline .bar-button-clear-md-notif,
.toolbar-md-outline .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-outline .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-outline .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-outline .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-outline .bar-button-new-badge-md,
.toolbar-md-outline .bar-button-clear-md-new-badge,
.toolbar-md-outline .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-outline .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-outline .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-outline .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-outline .bar-button-accent-md,
.toolbar-md-outline .bar-button-clear-md-accent,
.toolbar-md-outline .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-outline .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-outline .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-outline .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-outline .bar-button-skeleton-md,
.toolbar-md-outline .bar-button-clear-md-skeleton,
.toolbar-md-outline .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-outline .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-outline .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-outline .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-outline .bar-button-outline-md,
.toolbar-md-outline .bar-button-clear-md-outline,
.toolbar-md-outline .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-outline .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-outline .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-outline .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-outline .bar-button-secondary-text-md,
.toolbar-md-outline .bar-button-clear-md-secondary-text,
.toolbar-md-outline .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-outline .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-outline .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-outline .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-outline .bar-button-text-md,
.toolbar-md-outline .bar-button-clear-md-text,
.toolbar-md-outline .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-outline .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-outline .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-outline .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-outline .bar-button-label-md,
.toolbar-md-outline .bar-button-clear-md-label,
.toolbar-md-outline .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-outline .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-outline .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-outline .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-outline .bar-button-hover-md,
.toolbar-md-outline .bar-button-clear-md-hover,
.toolbar-md-outline .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-outline .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-outline .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-outline .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-outline .bar-button-hover-dark-md,
.toolbar-md-outline .bar-button-clear-md-hover-dark,
.toolbar-md-outline .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-outline .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-outline .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-outline .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-outline .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-outline .bar-button-bgcard-md,
.toolbar-md-outline .bar-button-clear-md-bgcard,
.toolbar-md-outline .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-outline .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-outline .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-outline .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-outline .bar-button-bgcard2-md,
.toolbar-md-outline .bar-button-clear-md-bgcard2,
.toolbar-md-outline .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-outline .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-outline .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-outline .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-outline .bar-button-bglabel-md,
.toolbar-md-outline .bar-button-clear-md-bglabel,
.toolbar-md-outline .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-outline .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-outline .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-outline .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-outline .bar-button-primary-light-md,
.toolbar-md-outline .bar-button-clear-md-primary-light,
.toolbar-md-outline .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-outline .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-outline .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-outline .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-outline .bar-button-bgicon-md,
.toolbar-md-outline .bar-button-clear-md-bgicon,
.toolbar-md-outline .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-outline .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-outline .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-outline .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-outline .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-outline .bar-button-primary-text-md,
.toolbar-md-outline .bar-button-clear-md-primary-text,
.toolbar-md-outline .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-outline .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-outline .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-outline .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-outline .bar-button-white-md,
.toolbar-md-outline .bar-button-clear-md-white,
.toolbar-md-outline .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-outline .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-outline .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-outline .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-outline .bar-button-success-md,
.toolbar-md-outline .bar-button-clear-md-success,
.toolbar-md-outline .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-outline .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-outline .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-outline .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-outline .bar-button-info-md,
.toolbar-md-outline .bar-button-clear-md-info,
.toolbar-md-outline .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-outline .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-outline .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-outline .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-outline .bar-button-warning-md,
.toolbar-md-outline .bar-button-clear-md-warning,
.toolbar-md-outline .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-outline .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-outline .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-outline .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-outline .bar-button-danger-md,
.toolbar-md-outline .bar-button-clear-md-danger,
.toolbar-md-outline .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-outline .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-outline .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-outline .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-outline .bar-button-tam-md,
.toolbar-md-outline .bar-button-clear-md-tam,
.toolbar-md-outline .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-outline .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-outline .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-outline .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-outline .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-outline .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-outline-md,
.bar-button-clear-md-outline,
.bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.bar-button-outline-md:hover:not(.disable-hover),
.bar-button-clear-md-outline:hover:not(.disable-hover),
.bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-secondary-text .toolbar-background-md {
  background: #A5B0B7;
}

.toolbar-md-secondary-text .bar-button-clear-md,
.toolbar-md-secondary-text .bar-button-default-md,
.toolbar-md-secondary-text .bar-button-outline-md,
.toolbar-md-secondary-text .toolbar-title-md {
  color: #fff;
}

.toolbar-md-secondary-text .bar-button-clear-md .button-effect,
.toolbar-md-secondary-text .bar-button-default-md .button-effect,
.toolbar-md-secondary-text .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-secondary-text .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-secondary-text .bar-button-primary-md,
.toolbar-md-secondary-text .bar-button-clear-md-primary,
.toolbar-md-secondary-text .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-secondary-text .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-secondary-text .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-secondary-text .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-secondary-text .bar-button-secondary-md,
.toolbar-md-secondary-text .bar-button-clear-md-secondary,
.toolbar-md-secondary-text .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-secondary-text .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-secondary-text .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-secondary-text .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-secondary-text .bar-button-danger-low-md,
.toolbar-md-secondary-text .bar-button-clear-md-danger-low,
.toolbar-md-secondary-text .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-secondary-text .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-secondary-text .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-secondary-text .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-secondary-text .bar-button-light-md,
.toolbar-md-secondary-text .bar-button-clear-md-light,
.toolbar-md-secondary-text .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-secondary-text .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-secondary-text .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-secondary-text .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-secondary-text .bar-button-dark-md,
.toolbar-md-secondary-text .bar-button-clear-md-dark,
.toolbar-md-secondary-text .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-secondary-text .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-secondary-text .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-secondary-text .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-secondary-text .bar-button-favorite-md,
.toolbar-md-secondary-text .bar-button-clear-md-favorite,
.toolbar-md-secondary-text .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-secondary-text .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-secondary-text .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-secondary-text .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-secondary-text .bar-button-darkgrey-md,
.toolbar-md-secondary-text .bar-button-clear-md-darkgrey,
.toolbar-md-secondary-text .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-secondary-text .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-secondary-text .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-secondary-text .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-secondary-text .bar-button-emerald-md,
.toolbar-md-secondary-text .bar-button-clear-md-emerald,
.toolbar-md-secondary-text .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-secondary-text .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-secondary-text .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-secondary-text .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-secondary-text .bar-button-concrete-md,
.toolbar-md-secondary-text .bar-button-clear-md-concrete,
.toolbar-md-secondary-text .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-secondary-text .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-secondary-text .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-secondary-text .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-secondary-text .bar-button-yellow-md,
.toolbar-md-secondary-text .bar-button-clear-md-yellow,
.toolbar-md-secondary-text .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-secondary-text .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-secondary-text .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-secondary-text .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-secondary-text .bar-button-black-md,
.toolbar-md-secondary-text .bar-button-clear-md-black,
.toolbar-md-secondary-text .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-secondary-text .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-secondary-text .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-secondary-text .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-secondary-text .bar-button-grey-md,
.toolbar-md-secondary-text .bar-button-clear-md-grey,
.toolbar-md-secondary-text .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-secondary-text .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-secondary-text .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-secondary-text .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-secondary-text .bar-button-red-md,
.toolbar-md-secondary-text .bar-button-clear-md-red,
.toolbar-md-secondary-text .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-secondary-text .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-secondary-text .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-secondary-text .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-secondary-text .bar-button-notif-md,
.toolbar-md-secondary-text .bar-button-clear-md-notif,
.toolbar-md-secondary-text .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-secondary-text .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-secondary-text .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-secondary-text .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-secondary-text .bar-button-new-badge-md,
.toolbar-md-secondary-text .bar-button-clear-md-new-badge,
.toolbar-md-secondary-text .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-secondary-text .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-secondary-text .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-secondary-text .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-secondary-text .bar-button-accent-md,
.toolbar-md-secondary-text .bar-button-clear-md-accent,
.toolbar-md-secondary-text .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-secondary-text .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-secondary-text .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-secondary-text .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-secondary-text .bar-button-skeleton-md,
.toolbar-md-secondary-text .bar-button-clear-md-skeleton,
.toolbar-md-secondary-text .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-secondary-text .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-secondary-text .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-secondary-text .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-secondary-text .bar-button-outline-md,
.toolbar-md-secondary-text .bar-button-clear-md-outline,
.toolbar-md-secondary-text .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-secondary-text .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-secondary-text .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-secondary-text .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-secondary-text .bar-button-secondary-text-md,
.toolbar-md-secondary-text .bar-button-clear-md-secondary-text,
.toolbar-md-secondary-text .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-secondary-text .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-secondary-text .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-secondary-text .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-secondary-text .bar-button-text-md,
.toolbar-md-secondary-text .bar-button-clear-md-text,
.toolbar-md-secondary-text .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-secondary-text .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-secondary-text .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-secondary-text .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-secondary-text .bar-button-label-md,
.toolbar-md-secondary-text .bar-button-clear-md-label,
.toolbar-md-secondary-text .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-secondary-text .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-secondary-text .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-secondary-text .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-secondary-text .bar-button-hover-md,
.toolbar-md-secondary-text .bar-button-clear-md-hover,
.toolbar-md-secondary-text .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-secondary-text .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-secondary-text .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-secondary-text .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-secondary-text .bar-button-hover-dark-md,
.toolbar-md-secondary-text .bar-button-clear-md-hover-dark,
.toolbar-md-secondary-text .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-secondary-text .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-secondary-text .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-secondary-text .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-secondary-text .bar-button-bgcard-md,
.toolbar-md-secondary-text .bar-button-clear-md-bgcard,
.toolbar-md-secondary-text .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-secondary-text .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-secondary-text .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-secondary-text .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-secondary-text .bar-button-bgcard2-md,
.toolbar-md-secondary-text .bar-button-clear-md-bgcard2,
.toolbar-md-secondary-text .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-secondary-text .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-secondary-text .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-secondary-text .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-secondary-text .bar-button-bglabel-md,
.toolbar-md-secondary-text .bar-button-clear-md-bglabel,
.toolbar-md-secondary-text .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-secondary-text .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-secondary-text .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-secondary-text .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-secondary-text .bar-button-primary-light-md,
.toolbar-md-secondary-text .bar-button-clear-md-primary-light,
.toolbar-md-secondary-text .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-secondary-text .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-secondary-text .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-secondary-text .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-secondary-text .bar-button-bgicon-md,
.toolbar-md-secondary-text .bar-button-clear-md-bgicon,
.toolbar-md-secondary-text .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-secondary-text .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-secondary-text .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-secondary-text .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-secondary-text .bar-button-primary-text-md,
.toolbar-md-secondary-text .bar-button-clear-md-primary-text,
.toolbar-md-secondary-text .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-secondary-text .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-secondary-text .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-secondary-text .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-secondary-text .bar-button-white-md,
.toolbar-md-secondary-text .bar-button-clear-md-white,
.toolbar-md-secondary-text .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-secondary-text .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-secondary-text .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-secondary-text .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-secondary-text .bar-button-success-md,
.toolbar-md-secondary-text .bar-button-clear-md-success,
.toolbar-md-secondary-text .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-secondary-text .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-secondary-text .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-secondary-text .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-secondary-text .bar-button-info-md,
.toolbar-md-secondary-text .bar-button-clear-md-info,
.toolbar-md-secondary-text .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-secondary-text .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-secondary-text .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-secondary-text .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-secondary-text .bar-button-warning-md,
.toolbar-md-secondary-text .bar-button-clear-md-warning,
.toolbar-md-secondary-text .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-secondary-text .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-secondary-text .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-secondary-text .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-secondary-text .bar-button-danger-md,
.toolbar-md-secondary-text .bar-button-clear-md-danger,
.toolbar-md-secondary-text .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-secondary-text .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-secondary-text .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-secondary-text .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-secondary-text .bar-button-tam-md,
.toolbar-md-secondary-text .bar-button-clear-md-tam,
.toolbar-md-secondary-text .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-secondary-text .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-secondary-text .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-secondary-text .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-secondary-text .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-secondary-text .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-secondary-text-md,
.bar-button-clear-md-secondary-text,
.bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.bar-button-secondary-text-md:hover:not(.disable-hover),
.bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-text .toolbar-background-md {
  background: #192528;
}

.toolbar-md-text .bar-button-clear-md,
.toolbar-md-text .bar-button-default-md,
.toolbar-md-text .bar-button-outline-md,
.toolbar-md-text .toolbar-title-md {
  color: #fff;
}

.toolbar-md-text .bar-button-clear-md .button-effect,
.toolbar-md-text .bar-button-default-md .button-effect,
.toolbar-md-text .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-text .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-text .bar-button-primary-md,
.toolbar-md-text .bar-button-clear-md-primary,
.toolbar-md-text .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-text .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-text .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-text .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-text .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-text .bar-button-secondary-md,
.toolbar-md-text .bar-button-clear-md-secondary,
.toolbar-md-text .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-text .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-text .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-text .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-text .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-text .bar-button-danger-low-md,
.toolbar-md-text .bar-button-clear-md-danger-low,
.toolbar-md-text .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-text .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-text .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-text .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-text .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-text .bar-button-light-md,
.toolbar-md-text .bar-button-clear-md-light,
.toolbar-md-text .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-text .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-text .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-text .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-text .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-text .bar-button-dark-md,
.toolbar-md-text .bar-button-clear-md-dark,
.toolbar-md-text .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-text .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-text .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-text .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-text .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-text .bar-button-favorite-md,
.toolbar-md-text .bar-button-clear-md-favorite,
.toolbar-md-text .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-text .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-text .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-text .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-text .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-text .bar-button-darkgrey-md,
.toolbar-md-text .bar-button-clear-md-darkgrey,
.toolbar-md-text .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-text .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-text .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-text .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-text .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-text .bar-button-emerald-md,
.toolbar-md-text .bar-button-clear-md-emerald,
.toolbar-md-text .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-text .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-text .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-text .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-text .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-text .bar-button-concrete-md,
.toolbar-md-text .bar-button-clear-md-concrete,
.toolbar-md-text .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-text .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-text .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-text .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-text .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-text .bar-button-yellow-md,
.toolbar-md-text .bar-button-clear-md-yellow,
.toolbar-md-text .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-text .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-text .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-text .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-text .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-text .bar-button-black-md,
.toolbar-md-text .bar-button-clear-md-black,
.toolbar-md-text .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-text .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-text .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-text .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-text .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-text .bar-button-grey-md,
.toolbar-md-text .bar-button-clear-md-grey,
.toolbar-md-text .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-text .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-text .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-text .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-text .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-text .bar-button-red-md,
.toolbar-md-text .bar-button-clear-md-red,
.toolbar-md-text .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-text .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-text .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-text .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-text .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-text .bar-button-notif-md,
.toolbar-md-text .bar-button-clear-md-notif,
.toolbar-md-text .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-text .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-text .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-text .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-text .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-text .bar-button-new-badge-md,
.toolbar-md-text .bar-button-clear-md-new-badge,
.toolbar-md-text .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-text .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-text .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-text .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-text .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-text .bar-button-accent-md,
.toolbar-md-text .bar-button-clear-md-accent,
.toolbar-md-text .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-text .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-text .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-text .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-text .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-text .bar-button-skeleton-md,
.toolbar-md-text .bar-button-clear-md-skeleton,
.toolbar-md-text .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-text .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-text .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-text .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-text .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-text .bar-button-outline-md,
.toolbar-md-text .bar-button-clear-md-outline,
.toolbar-md-text .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-text .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-text .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-text .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-text .bar-button-secondary-text-md,
.toolbar-md-text .bar-button-clear-md-secondary-text,
.toolbar-md-text .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-text .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-text .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-text .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-text .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-text .bar-button-text-md,
.toolbar-md-text .bar-button-clear-md-text,
.toolbar-md-text .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-text .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-text .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-text .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-text .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-text .bar-button-label-md,
.toolbar-md-text .bar-button-clear-md-label,
.toolbar-md-text .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-text .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-text .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-text .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-text .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-text .bar-button-hover-md,
.toolbar-md-text .bar-button-clear-md-hover,
.toolbar-md-text .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-text .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-text .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-text .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-text .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-text .bar-button-hover-dark-md,
.toolbar-md-text .bar-button-clear-md-hover-dark,
.toolbar-md-text .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-text .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-text .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-text .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-text .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-text .bar-button-bgcard-md,
.toolbar-md-text .bar-button-clear-md-bgcard,
.toolbar-md-text .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-text .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-text .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-text .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-text .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-text .bar-button-bgcard2-md,
.toolbar-md-text .bar-button-clear-md-bgcard2,
.toolbar-md-text .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-text .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-text .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-text .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-text .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-text .bar-button-bglabel-md,
.toolbar-md-text .bar-button-clear-md-bglabel,
.toolbar-md-text .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-text .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-text .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-text .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-text .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-text .bar-button-primary-light-md,
.toolbar-md-text .bar-button-clear-md-primary-light,
.toolbar-md-text .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-text .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-text .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-text .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-text .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-text .bar-button-bgicon-md,
.toolbar-md-text .bar-button-clear-md-bgicon,
.toolbar-md-text .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-text .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-text .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-text .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-text .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-text .bar-button-primary-text-md,
.toolbar-md-text .bar-button-clear-md-primary-text,
.toolbar-md-text .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-text .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-text .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-text .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-text .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-text .bar-button-white-md,
.toolbar-md-text .bar-button-clear-md-white,
.toolbar-md-text .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-text .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-text .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-text .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-text .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-text .bar-button-success-md,
.toolbar-md-text .bar-button-clear-md-success,
.toolbar-md-text .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-text .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-text .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-text .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-text .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-text .bar-button-info-md,
.toolbar-md-text .bar-button-clear-md-info,
.toolbar-md-text .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-text .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-text .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-text .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-text .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-text .bar-button-warning-md,
.toolbar-md-text .bar-button-clear-md-warning,
.toolbar-md-text .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-text .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-text .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-text .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-text .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-text .bar-button-danger-md,
.toolbar-md-text .bar-button-clear-md-danger,
.toolbar-md-text .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-text .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-text .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-text .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-text .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-text .bar-button-tam-md,
.toolbar-md-text .bar-button-clear-md-tam,
.toolbar-md-text .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-text .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-text .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-text .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-text .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-text .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-text .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-text .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-text-md,
.bar-button-clear-md-text,
.bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.bar-button-text-md:hover:not(.disable-hover),
.bar-button-clear-md-text:hover:not(.disable-hover),
.bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.bar-button-outline-md-text.activated {
  background-color: transparent;
}

.bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-label .toolbar-background-md {
  background: #333333;
}

.toolbar-md-label .bar-button-clear-md,
.toolbar-md-label .bar-button-default-md,
.toolbar-md-label .bar-button-outline-md,
.toolbar-md-label .toolbar-title-md {
  color: #fff;
}

.toolbar-md-label .bar-button-clear-md .button-effect,
.toolbar-md-label .bar-button-default-md .button-effect,
.toolbar-md-label .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-label .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-label .bar-button-primary-md,
.toolbar-md-label .bar-button-clear-md-primary,
.toolbar-md-label .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-label .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-label .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-label .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-label .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-label .bar-button-secondary-md,
.toolbar-md-label .bar-button-clear-md-secondary,
.toolbar-md-label .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-label .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-label .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-label .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-label .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-label .bar-button-danger-low-md,
.toolbar-md-label .bar-button-clear-md-danger-low,
.toolbar-md-label .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-label .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-label .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-label .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-label .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-label .bar-button-light-md,
.toolbar-md-label .bar-button-clear-md-light,
.toolbar-md-label .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-label .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-label .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-label .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-label .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-label .bar-button-dark-md,
.toolbar-md-label .bar-button-clear-md-dark,
.toolbar-md-label .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-label .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-label .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-label .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-label .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-label .bar-button-favorite-md,
.toolbar-md-label .bar-button-clear-md-favorite,
.toolbar-md-label .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-label .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-label .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-label .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-label .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-label .bar-button-darkgrey-md,
.toolbar-md-label .bar-button-clear-md-darkgrey,
.toolbar-md-label .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-label .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-label .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-label .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-label .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-label .bar-button-emerald-md,
.toolbar-md-label .bar-button-clear-md-emerald,
.toolbar-md-label .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-label .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-label .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-label .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-label .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-label .bar-button-concrete-md,
.toolbar-md-label .bar-button-clear-md-concrete,
.toolbar-md-label .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-label .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-label .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-label .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-label .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-label .bar-button-yellow-md,
.toolbar-md-label .bar-button-clear-md-yellow,
.toolbar-md-label .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-label .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-label .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-label .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-label .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-label .bar-button-black-md,
.toolbar-md-label .bar-button-clear-md-black,
.toolbar-md-label .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-label .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-label .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-label .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-label .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-label .bar-button-grey-md,
.toolbar-md-label .bar-button-clear-md-grey,
.toolbar-md-label .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-label .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-label .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-label .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-label .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-label .bar-button-red-md,
.toolbar-md-label .bar-button-clear-md-red,
.toolbar-md-label .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-label .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-label .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-label .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-label .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-label .bar-button-notif-md,
.toolbar-md-label .bar-button-clear-md-notif,
.toolbar-md-label .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-label .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-label .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-label .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-label .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-label .bar-button-new-badge-md,
.toolbar-md-label .bar-button-clear-md-new-badge,
.toolbar-md-label .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-label .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-label .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-label .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-label .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-label .bar-button-accent-md,
.toolbar-md-label .bar-button-clear-md-accent,
.toolbar-md-label .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-label .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-label .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-label .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-label .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-label .bar-button-skeleton-md,
.toolbar-md-label .bar-button-clear-md-skeleton,
.toolbar-md-label .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-label .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-label .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-label .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-label .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-label .bar-button-outline-md,
.toolbar-md-label .bar-button-clear-md-outline,
.toolbar-md-label .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-label .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-label .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-label .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-label .bar-button-secondary-text-md,
.toolbar-md-label .bar-button-clear-md-secondary-text,
.toolbar-md-label .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-label .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-label .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-label .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-label .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-label .bar-button-text-md,
.toolbar-md-label .bar-button-clear-md-text,
.toolbar-md-label .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-label .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-label .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-label .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-label .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-label .bar-button-label-md,
.toolbar-md-label .bar-button-clear-md-label,
.toolbar-md-label .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-label .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-label .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-label .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-label .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-label .bar-button-hover-md,
.toolbar-md-label .bar-button-clear-md-hover,
.toolbar-md-label .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-label .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-label .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-label .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-label .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-label .bar-button-hover-dark-md,
.toolbar-md-label .bar-button-clear-md-hover-dark,
.toolbar-md-label .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-label .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-label .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-label .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-label .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-label .bar-button-bgcard-md,
.toolbar-md-label .bar-button-clear-md-bgcard,
.toolbar-md-label .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-label .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-label .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-label .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-label .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-label .bar-button-bgcard2-md,
.toolbar-md-label .bar-button-clear-md-bgcard2,
.toolbar-md-label .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-label .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-label .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-label .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-label .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-label .bar-button-bglabel-md,
.toolbar-md-label .bar-button-clear-md-bglabel,
.toolbar-md-label .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-label .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-label .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-label .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-label .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-label .bar-button-primary-light-md,
.toolbar-md-label .bar-button-clear-md-primary-light,
.toolbar-md-label .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-label .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-label .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-label .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-label .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-label .bar-button-bgicon-md,
.toolbar-md-label .bar-button-clear-md-bgicon,
.toolbar-md-label .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-label .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-label .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-label .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-label .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-label .bar-button-primary-text-md,
.toolbar-md-label .bar-button-clear-md-primary-text,
.toolbar-md-label .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-label .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-label .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-label .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-label .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-label .bar-button-white-md,
.toolbar-md-label .bar-button-clear-md-white,
.toolbar-md-label .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-label .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-label .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-label .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-label .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-label .bar-button-success-md,
.toolbar-md-label .bar-button-clear-md-success,
.toolbar-md-label .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-label .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-label .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-label .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-label .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-label .bar-button-info-md,
.toolbar-md-label .bar-button-clear-md-info,
.toolbar-md-label .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-label .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-label .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-label .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-label .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-label .bar-button-warning-md,
.toolbar-md-label .bar-button-clear-md-warning,
.toolbar-md-label .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-label .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-label .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-label .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-label .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-label .bar-button-danger-md,
.toolbar-md-label .bar-button-clear-md-danger,
.toolbar-md-label .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-label .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-label .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-label .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-label .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-label .bar-button-tam-md,
.toolbar-md-label .bar-button-clear-md-tam,
.toolbar-md-label .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-label .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-label .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-label .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-label .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-label .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-label .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-label .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-label-md,
.bar-button-clear-md-label,
.bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.bar-button-label-md:hover:not(.disable-hover),
.bar-button-clear-md-label:hover:not(.disable-hover),
.bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.bar-button-outline-md-label.activated {
  background-color: transparent;
}

.bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-hover .toolbar-background-md {
  background: #eff2f4;
}

.toolbar-md-hover .bar-button-clear-md,
.toolbar-md-hover .bar-button-default-md,
.toolbar-md-hover .bar-button-outline-md,
.toolbar-md-hover .toolbar-title-md {
  color: #424242;
}

.toolbar-md-hover .bar-button-clear-md .button-effect,
.toolbar-md-hover .bar-button-default-md .button-effect,
.toolbar-md-hover .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-hover .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-hover .bar-button-primary-md,
.toolbar-md-hover .bar-button-clear-md-primary,
.toolbar-md-hover .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-hover .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-hover .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-hover .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-hover .bar-button-secondary-md,
.toolbar-md-hover .bar-button-clear-md-secondary,
.toolbar-md-hover .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-hover .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-hover .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-hover .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-hover .bar-button-danger-low-md,
.toolbar-md-hover .bar-button-clear-md-danger-low,
.toolbar-md-hover .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-hover .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-hover .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-hover .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-hover .bar-button-light-md,
.toolbar-md-hover .bar-button-clear-md-light,
.toolbar-md-hover .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-hover .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-hover .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-hover .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-hover .bar-button-dark-md,
.toolbar-md-hover .bar-button-clear-md-dark,
.toolbar-md-hover .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-hover .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-hover .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-hover .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-hover .bar-button-favorite-md,
.toolbar-md-hover .bar-button-clear-md-favorite,
.toolbar-md-hover .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-hover .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-hover .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-hover .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-hover .bar-button-darkgrey-md,
.toolbar-md-hover .bar-button-clear-md-darkgrey,
.toolbar-md-hover .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-hover .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-hover .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-hover .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-hover .bar-button-emerald-md,
.toolbar-md-hover .bar-button-clear-md-emerald,
.toolbar-md-hover .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-hover .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-hover .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-hover .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-hover .bar-button-concrete-md,
.toolbar-md-hover .bar-button-clear-md-concrete,
.toolbar-md-hover .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-hover .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-hover .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-hover .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-hover .bar-button-yellow-md,
.toolbar-md-hover .bar-button-clear-md-yellow,
.toolbar-md-hover .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-hover .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-hover .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-hover .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-hover .bar-button-black-md,
.toolbar-md-hover .bar-button-clear-md-black,
.toolbar-md-hover .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-hover .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-hover .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-hover .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-hover .bar-button-grey-md,
.toolbar-md-hover .bar-button-clear-md-grey,
.toolbar-md-hover .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-hover .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-hover .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-hover .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-hover .bar-button-red-md,
.toolbar-md-hover .bar-button-clear-md-red,
.toolbar-md-hover .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-hover .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-hover .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-hover .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-hover .bar-button-notif-md,
.toolbar-md-hover .bar-button-clear-md-notif,
.toolbar-md-hover .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-hover .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-hover .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-hover .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-hover .bar-button-new-badge-md,
.toolbar-md-hover .bar-button-clear-md-new-badge,
.toolbar-md-hover .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-hover .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-hover .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-hover .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-hover .bar-button-accent-md,
.toolbar-md-hover .bar-button-clear-md-accent,
.toolbar-md-hover .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-hover .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-hover .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-hover .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-hover .bar-button-skeleton-md,
.toolbar-md-hover .bar-button-clear-md-skeleton,
.toolbar-md-hover .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-hover .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-hover .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-hover .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-hover .bar-button-outline-md,
.toolbar-md-hover .bar-button-clear-md-outline,
.toolbar-md-hover .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-hover .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-hover .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-hover .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-hover .bar-button-secondary-text-md,
.toolbar-md-hover .bar-button-clear-md-secondary-text,
.toolbar-md-hover .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-hover .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-hover .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-hover .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-hover .bar-button-text-md,
.toolbar-md-hover .bar-button-clear-md-text,
.toolbar-md-hover .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-hover .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-hover .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-hover .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-hover .bar-button-label-md,
.toolbar-md-hover .bar-button-clear-md-label,
.toolbar-md-hover .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-hover .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-hover .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-hover .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-hover .bar-button-hover-md,
.toolbar-md-hover .bar-button-clear-md-hover,
.toolbar-md-hover .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-hover .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-hover .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-hover .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-hover .bar-button-hover-dark-md,
.toolbar-md-hover .bar-button-clear-md-hover-dark,
.toolbar-md-hover .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-hover .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-hover .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-hover .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-hover .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-hover .bar-button-bgcard-md,
.toolbar-md-hover .bar-button-clear-md-bgcard,
.toolbar-md-hover .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-hover .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-hover .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-hover .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-hover .bar-button-bgcard2-md,
.toolbar-md-hover .bar-button-clear-md-bgcard2,
.toolbar-md-hover .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-hover .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-hover .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-hover .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-hover .bar-button-bglabel-md,
.toolbar-md-hover .bar-button-clear-md-bglabel,
.toolbar-md-hover .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-hover .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-hover .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-hover .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-hover .bar-button-primary-light-md,
.toolbar-md-hover .bar-button-clear-md-primary-light,
.toolbar-md-hover .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-hover .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-hover .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-hover .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-hover .bar-button-bgicon-md,
.toolbar-md-hover .bar-button-clear-md-bgicon,
.toolbar-md-hover .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-hover .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-hover .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-hover .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-hover .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-hover .bar-button-primary-text-md,
.toolbar-md-hover .bar-button-clear-md-primary-text,
.toolbar-md-hover .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-hover .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-hover .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-hover .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-hover .bar-button-white-md,
.toolbar-md-hover .bar-button-clear-md-white,
.toolbar-md-hover .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-hover .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-hover .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-hover .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-hover .bar-button-success-md,
.toolbar-md-hover .bar-button-clear-md-success,
.toolbar-md-hover .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-hover .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-hover .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-hover .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-hover .bar-button-info-md,
.toolbar-md-hover .bar-button-clear-md-info,
.toolbar-md-hover .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-hover .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-hover .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-hover .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-hover .bar-button-warning-md,
.toolbar-md-hover .bar-button-clear-md-warning,
.toolbar-md-hover .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-hover .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-hover .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-hover .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-hover .bar-button-danger-md,
.toolbar-md-hover .bar-button-clear-md-danger,
.toolbar-md-hover .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-hover .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-hover .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-hover .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-hover .bar-button-tam-md,
.toolbar-md-hover .bar-button-clear-md-tam,
.toolbar-md-hover .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-hover .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-hover .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-hover .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-hover .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-hover .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-hover-md,
.bar-button-clear-md-hover,
.bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.bar-button-hover-md:hover:not(.disable-hover),
.bar-button-clear-md-hover:hover:not(.disable-hover),
.bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-hover-dark .toolbar-background-md {
  background: rgba(162, 162, 162, 0.1);
}

.toolbar-md-hover-dark .bar-button-clear-md,
.toolbar-md-hover-dark .bar-button-default-md,
.toolbar-md-hover-dark .bar-button-outline-md,
.toolbar-md-hover-dark .toolbar-title-md {
  color: #fff;
}

.toolbar-md-hover-dark .bar-button-clear-md .button-effect,
.toolbar-md-hover-dark .bar-button-default-md .button-effect,
.toolbar-md-hover-dark .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-hover-dark .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-hover-dark .bar-button-primary-md,
.toolbar-md-hover-dark .bar-button-clear-md-primary,
.toolbar-md-hover-dark .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-hover-dark .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-hover-dark .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-hover-dark .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-hover-dark .bar-button-secondary-md,
.toolbar-md-hover-dark .bar-button-clear-md-secondary,
.toolbar-md-hover-dark .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-hover-dark .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-hover-dark .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-hover-dark .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-hover-dark .bar-button-danger-low-md,
.toolbar-md-hover-dark .bar-button-clear-md-danger-low,
.toolbar-md-hover-dark .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-hover-dark .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-hover-dark .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-hover-dark .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-hover-dark .bar-button-light-md,
.toolbar-md-hover-dark .bar-button-clear-md-light,
.toolbar-md-hover-dark .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-hover-dark .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-hover-dark .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-hover-dark .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-hover-dark .bar-button-dark-md,
.toolbar-md-hover-dark .bar-button-clear-md-dark,
.toolbar-md-hover-dark .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-hover-dark .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-hover-dark .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-hover-dark .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-hover-dark .bar-button-favorite-md,
.toolbar-md-hover-dark .bar-button-clear-md-favorite,
.toolbar-md-hover-dark .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-hover-dark .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-hover-dark .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-hover-dark .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-hover-dark .bar-button-darkgrey-md,
.toolbar-md-hover-dark .bar-button-clear-md-darkgrey,
.toolbar-md-hover-dark .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-hover-dark .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-hover-dark .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-hover-dark .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-hover-dark .bar-button-emerald-md,
.toolbar-md-hover-dark .bar-button-clear-md-emerald,
.toolbar-md-hover-dark .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-hover-dark .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-hover-dark .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-hover-dark .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-hover-dark .bar-button-concrete-md,
.toolbar-md-hover-dark .bar-button-clear-md-concrete,
.toolbar-md-hover-dark .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-hover-dark .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-hover-dark .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-hover-dark .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-hover-dark .bar-button-yellow-md,
.toolbar-md-hover-dark .bar-button-clear-md-yellow,
.toolbar-md-hover-dark .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-hover-dark .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-hover-dark .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-hover-dark .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-hover-dark .bar-button-black-md,
.toolbar-md-hover-dark .bar-button-clear-md-black,
.toolbar-md-hover-dark .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-hover-dark .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-hover-dark .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-hover-dark .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-hover-dark .bar-button-grey-md,
.toolbar-md-hover-dark .bar-button-clear-md-grey,
.toolbar-md-hover-dark .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-hover-dark .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-hover-dark .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-hover-dark .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-hover-dark .bar-button-red-md,
.toolbar-md-hover-dark .bar-button-clear-md-red,
.toolbar-md-hover-dark .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-hover-dark .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-hover-dark .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-hover-dark .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-hover-dark .bar-button-notif-md,
.toolbar-md-hover-dark .bar-button-clear-md-notif,
.toolbar-md-hover-dark .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-hover-dark .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-hover-dark .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-hover-dark .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-hover-dark .bar-button-new-badge-md,
.toolbar-md-hover-dark .bar-button-clear-md-new-badge,
.toolbar-md-hover-dark .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-hover-dark .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-hover-dark .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-hover-dark .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-hover-dark .bar-button-accent-md,
.toolbar-md-hover-dark .bar-button-clear-md-accent,
.toolbar-md-hover-dark .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-hover-dark .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-hover-dark .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-hover-dark .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-hover-dark .bar-button-skeleton-md,
.toolbar-md-hover-dark .bar-button-clear-md-skeleton,
.toolbar-md-hover-dark .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-hover-dark .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-hover-dark .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-hover-dark .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-hover-dark .bar-button-outline-md,
.toolbar-md-hover-dark .bar-button-clear-md-outline,
.toolbar-md-hover-dark .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-hover-dark .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-hover-dark .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-hover-dark .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-hover-dark .bar-button-secondary-text-md,
.toolbar-md-hover-dark .bar-button-clear-md-secondary-text,
.toolbar-md-hover-dark .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-hover-dark .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-hover-dark .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-hover-dark .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-hover-dark .bar-button-text-md,
.toolbar-md-hover-dark .bar-button-clear-md-text,
.toolbar-md-hover-dark .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-hover-dark .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-hover-dark .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-hover-dark .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-hover-dark .bar-button-label-md,
.toolbar-md-hover-dark .bar-button-clear-md-label,
.toolbar-md-hover-dark .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-hover-dark .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-hover-dark .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-hover-dark .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-hover-dark .bar-button-hover-md,
.toolbar-md-hover-dark .bar-button-clear-md-hover,
.toolbar-md-hover-dark .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-hover-dark .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-hover-dark .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-hover-dark .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-hover-dark .bar-button-hover-dark-md,
.toolbar-md-hover-dark .bar-button-clear-md-hover-dark,
.toolbar-md-hover-dark .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-hover-dark .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-hover-dark .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-hover-dark .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-hover-dark .bar-button-bgcard-md,
.toolbar-md-hover-dark .bar-button-clear-md-bgcard,
.toolbar-md-hover-dark .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-hover-dark .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-hover-dark .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-hover-dark .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-hover-dark .bar-button-bgcard2-md,
.toolbar-md-hover-dark .bar-button-clear-md-bgcard2,
.toolbar-md-hover-dark .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-hover-dark .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-hover-dark .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-hover-dark .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-hover-dark .bar-button-bglabel-md,
.toolbar-md-hover-dark .bar-button-clear-md-bglabel,
.toolbar-md-hover-dark .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-hover-dark .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-hover-dark .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-hover-dark .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-hover-dark .bar-button-primary-light-md,
.toolbar-md-hover-dark .bar-button-clear-md-primary-light,
.toolbar-md-hover-dark .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-hover-dark .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-hover-dark .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-hover-dark .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-hover-dark .bar-button-bgicon-md,
.toolbar-md-hover-dark .bar-button-clear-md-bgicon,
.toolbar-md-hover-dark .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-hover-dark .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-hover-dark .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-hover-dark .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-hover-dark .bar-button-primary-text-md,
.toolbar-md-hover-dark .bar-button-clear-md-primary-text,
.toolbar-md-hover-dark .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-hover-dark .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-hover-dark .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-hover-dark .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-hover-dark .bar-button-white-md,
.toolbar-md-hover-dark .bar-button-clear-md-white,
.toolbar-md-hover-dark .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-hover-dark .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-hover-dark .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-hover-dark .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-hover-dark .bar-button-success-md,
.toolbar-md-hover-dark .bar-button-clear-md-success,
.toolbar-md-hover-dark .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-hover-dark .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-hover-dark .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-hover-dark .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-hover-dark .bar-button-info-md,
.toolbar-md-hover-dark .bar-button-clear-md-info,
.toolbar-md-hover-dark .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-hover-dark .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-hover-dark .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-hover-dark .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-hover-dark .bar-button-warning-md,
.toolbar-md-hover-dark .bar-button-clear-md-warning,
.toolbar-md-hover-dark .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-hover-dark .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-hover-dark .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-hover-dark .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-hover-dark .bar-button-danger-md,
.toolbar-md-hover-dark .bar-button-clear-md-danger,
.toolbar-md-hover-dark .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-hover-dark .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-hover-dark .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-hover-dark .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-hover-dark .bar-button-tam-md,
.toolbar-md-hover-dark .bar-button-clear-md-tam,
.toolbar-md-hover-dark .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-hover-dark .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-hover-dark .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-hover-dark .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-hover-dark .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-hover-dark .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-hover-dark-md,
.bar-button-clear-md-hover-dark,
.bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.bar-button-hover-dark-md:hover:not(.disable-hover),
.bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-bgcard .toolbar-background-md {
  background: #f2f5f8;
}

.toolbar-md-bgcard .bar-button-clear-md,
.toolbar-md-bgcard .bar-button-default-md,
.toolbar-md-bgcard .bar-button-outline-md,
.toolbar-md-bgcard .toolbar-title-md {
  color: #424242;
}

.toolbar-md-bgcard .bar-button-clear-md .button-effect,
.toolbar-md-bgcard .bar-button-default-md .button-effect,
.toolbar-md-bgcard .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-bgcard .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-bgcard .bar-button-primary-md,
.toolbar-md-bgcard .bar-button-clear-md-primary,
.toolbar-md-bgcard .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-bgcard .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-bgcard .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-bgcard .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-bgcard .bar-button-secondary-md,
.toolbar-md-bgcard .bar-button-clear-md-secondary,
.toolbar-md-bgcard .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bgcard .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bgcard .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bgcard .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bgcard .bar-button-danger-low-md,
.toolbar-md-bgcard .bar-button-clear-md-danger-low,
.toolbar-md-bgcard .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-bgcard .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-bgcard .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-bgcard .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-bgcard .bar-button-light-md,
.toolbar-md-bgcard .bar-button-clear-md-light,
.toolbar-md-bgcard .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-bgcard .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-bgcard .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-bgcard .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-bgcard .bar-button-dark-md,
.toolbar-md-bgcard .bar-button-clear-md-dark,
.toolbar-md-bgcard .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-bgcard .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-bgcard .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-bgcard .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-bgcard .bar-button-favorite-md,
.toolbar-md-bgcard .bar-button-clear-md-favorite,
.toolbar-md-bgcard .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-bgcard .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-bgcard .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-bgcard .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-bgcard .bar-button-darkgrey-md,
.toolbar-md-bgcard .bar-button-clear-md-darkgrey,
.toolbar-md-bgcard .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-bgcard .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-bgcard .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-bgcard .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-bgcard .bar-button-emerald-md,
.toolbar-md-bgcard .bar-button-clear-md-emerald,
.toolbar-md-bgcard .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-bgcard .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-bgcard .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-bgcard .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-bgcard .bar-button-concrete-md,
.toolbar-md-bgcard .bar-button-clear-md-concrete,
.toolbar-md-bgcard .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-bgcard .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-bgcard .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-bgcard .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-bgcard .bar-button-yellow-md,
.toolbar-md-bgcard .bar-button-clear-md-yellow,
.toolbar-md-bgcard .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-bgcard .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-bgcard .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-bgcard .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-bgcard .bar-button-black-md,
.toolbar-md-bgcard .bar-button-clear-md-black,
.toolbar-md-bgcard .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-bgcard .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-bgcard .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-bgcard .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-bgcard .bar-button-grey-md,
.toolbar-md-bgcard .bar-button-clear-md-grey,
.toolbar-md-bgcard .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-bgcard .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-bgcard .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-bgcard .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-bgcard .bar-button-red-md,
.toolbar-md-bgcard .bar-button-clear-md-red,
.toolbar-md-bgcard .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-bgcard .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-bgcard .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-bgcard .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-bgcard .bar-button-notif-md,
.toolbar-md-bgcard .bar-button-clear-md-notif,
.toolbar-md-bgcard .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-bgcard .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-bgcard .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-bgcard .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-bgcard .bar-button-new-badge-md,
.toolbar-md-bgcard .bar-button-clear-md-new-badge,
.toolbar-md-bgcard .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bgcard .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bgcard .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bgcard .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bgcard .bar-button-accent-md,
.toolbar-md-bgcard .bar-button-clear-md-accent,
.toolbar-md-bgcard .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bgcard .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bgcard .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bgcard .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bgcard .bar-button-skeleton-md,
.toolbar-md-bgcard .bar-button-clear-md-skeleton,
.toolbar-md-bgcard .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-bgcard .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-bgcard .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-bgcard .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-bgcard .bar-button-outline-md,
.toolbar-md-bgcard .bar-button-clear-md-outline,
.toolbar-md-bgcard .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-bgcard .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-bgcard .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-bgcard .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-bgcard .bar-button-secondary-text-md,
.toolbar-md-bgcard .bar-button-clear-md-secondary-text,
.toolbar-md-bgcard .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-bgcard .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-bgcard .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-bgcard .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-bgcard .bar-button-text-md,
.toolbar-md-bgcard .bar-button-clear-md-text,
.toolbar-md-bgcard .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-bgcard .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-bgcard .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-bgcard .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-bgcard .bar-button-label-md,
.toolbar-md-bgcard .bar-button-clear-md-label,
.toolbar-md-bgcard .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-bgcard .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-bgcard .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-bgcard .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-bgcard .bar-button-hover-md,
.toolbar-md-bgcard .bar-button-clear-md-hover,
.toolbar-md-bgcard .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-bgcard .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-bgcard .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-bgcard .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-bgcard .bar-button-hover-dark-md,
.toolbar-md-bgcard .bar-button-clear-md-hover-dark,
.toolbar-md-bgcard .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-bgcard .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-bgcard .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-bgcard .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-bgcard .bar-button-bgcard-md,
.toolbar-md-bgcard .bar-button-clear-md-bgcard,
.toolbar-md-bgcard .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-bgcard .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-bgcard .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-bgcard .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-bgcard .bar-button-bgcard2-md,
.toolbar-md-bgcard .bar-button-clear-md-bgcard2,
.toolbar-md-bgcard .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-bgcard .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-bgcard .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-bgcard .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-bgcard .bar-button-bglabel-md,
.toolbar-md-bgcard .bar-button-clear-md-bglabel,
.toolbar-md-bgcard .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-bgcard .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-bgcard .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-bgcard .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-bgcard .bar-button-primary-light-md,
.toolbar-md-bgcard .bar-button-clear-md-primary-light,
.toolbar-md-bgcard .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-bgcard .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-bgcard .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-bgcard .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-bgcard .bar-button-bgicon-md,
.toolbar-md-bgcard .bar-button-clear-md-bgicon,
.toolbar-md-bgcard .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-bgcard .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-bgcard .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-bgcard .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-bgcard .bar-button-primary-text-md,
.toolbar-md-bgcard .bar-button-clear-md-primary-text,
.toolbar-md-bgcard .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-bgcard .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-bgcard .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-bgcard .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-bgcard .bar-button-white-md,
.toolbar-md-bgcard .bar-button-clear-md-white,
.toolbar-md-bgcard .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-bgcard .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-bgcard .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-bgcard .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-bgcard .bar-button-success-md,
.toolbar-md-bgcard .bar-button-clear-md-success,
.toolbar-md-bgcard .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-bgcard .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-bgcard .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-bgcard .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-bgcard .bar-button-info-md,
.toolbar-md-bgcard .bar-button-clear-md-info,
.toolbar-md-bgcard .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-bgcard .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-bgcard .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-bgcard .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-bgcard .bar-button-warning-md,
.toolbar-md-bgcard .bar-button-clear-md-warning,
.toolbar-md-bgcard .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-bgcard .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-bgcard .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-bgcard .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-bgcard .bar-button-danger-md,
.toolbar-md-bgcard .bar-button-clear-md-danger,
.toolbar-md-bgcard .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-bgcard .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-bgcard .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-bgcard .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-bgcard .bar-button-tam-md,
.toolbar-md-bgcard .bar-button-clear-md-tam,
.toolbar-md-bgcard .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-bgcard .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-bgcard .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-bgcard .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-bgcard .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-bgcard .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bgcard-md,
.bar-button-clear-md-bgcard,
.bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.bar-button-bgcard-md:hover:not(.disable-hover),
.bar-button-clear-md-bgcard:hover:not(.disable-hover),
.bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-bgcard2 .toolbar-background-md {
  background: #fcfcfc;
}

.toolbar-md-bgcard2 .bar-button-clear-md,
.toolbar-md-bgcard2 .bar-button-default-md,
.toolbar-md-bgcard2 .bar-button-outline-md,
.toolbar-md-bgcard2 .toolbar-title-md {
  color: #424242;
}

.toolbar-md-bgcard2 .bar-button-clear-md .button-effect,
.toolbar-md-bgcard2 .bar-button-default-md .button-effect,
.toolbar-md-bgcard2 .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-bgcard2 .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-bgcard2 .bar-button-primary-md,
.toolbar-md-bgcard2 .bar-button-clear-md-primary,
.toolbar-md-bgcard2 .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-bgcard2 .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-bgcard2 .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-bgcard2 .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-bgcard2 .bar-button-secondary-md,
.toolbar-md-bgcard2 .bar-button-clear-md-secondary,
.toolbar-md-bgcard2 .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bgcard2 .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bgcard2 .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bgcard2 .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bgcard2 .bar-button-danger-low-md,
.toolbar-md-bgcard2 .bar-button-clear-md-danger-low,
.toolbar-md-bgcard2 .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-bgcard2 .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-bgcard2 .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-bgcard2 .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-bgcard2 .bar-button-light-md,
.toolbar-md-bgcard2 .bar-button-clear-md-light,
.toolbar-md-bgcard2 .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-bgcard2 .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-bgcard2 .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-bgcard2 .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-bgcard2 .bar-button-dark-md,
.toolbar-md-bgcard2 .bar-button-clear-md-dark,
.toolbar-md-bgcard2 .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-bgcard2 .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-bgcard2 .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-bgcard2 .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-bgcard2 .bar-button-favorite-md,
.toolbar-md-bgcard2 .bar-button-clear-md-favorite,
.toolbar-md-bgcard2 .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-bgcard2 .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-bgcard2 .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-bgcard2 .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-bgcard2 .bar-button-darkgrey-md,
.toolbar-md-bgcard2 .bar-button-clear-md-darkgrey,
.toolbar-md-bgcard2 .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-bgcard2 .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-bgcard2 .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-bgcard2 .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-bgcard2 .bar-button-emerald-md,
.toolbar-md-bgcard2 .bar-button-clear-md-emerald,
.toolbar-md-bgcard2 .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-bgcard2 .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-bgcard2 .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-bgcard2 .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-bgcard2 .bar-button-concrete-md,
.toolbar-md-bgcard2 .bar-button-clear-md-concrete,
.toolbar-md-bgcard2 .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-bgcard2 .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-bgcard2 .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-bgcard2 .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-bgcard2 .bar-button-yellow-md,
.toolbar-md-bgcard2 .bar-button-clear-md-yellow,
.toolbar-md-bgcard2 .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-bgcard2 .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-bgcard2 .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-bgcard2 .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-bgcard2 .bar-button-black-md,
.toolbar-md-bgcard2 .bar-button-clear-md-black,
.toolbar-md-bgcard2 .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-bgcard2 .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-bgcard2 .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-bgcard2 .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-bgcard2 .bar-button-grey-md,
.toolbar-md-bgcard2 .bar-button-clear-md-grey,
.toolbar-md-bgcard2 .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-bgcard2 .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-bgcard2 .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-bgcard2 .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-bgcard2 .bar-button-red-md,
.toolbar-md-bgcard2 .bar-button-clear-md-red,
.toolbar-md-bgcard2 .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-bgcard2 .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-bgcard2 .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-bgcard2 .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-bgcard2 .bar-button-notif-md,
.toolbar-md-bgcard2 .bar-button-clear-md-notif,
.toolbar-md-bgcard2 .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-bgcard2 .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-bgcard2 .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-bgcard2 .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-bgcard2 .bar-button-new-badge-md,
.toolbar-md-bgcard2 .bar-button-clear-md-new-badge,
.toolbar-md-bgcard2 .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bgcard2 .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bgcard2 .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bgcard2 .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bgcard2 .bar-button-accent-md,
.toolbar-md-bgcard2 .bar-button-clear-md-accent,
.toolbar-md-bgcard2 .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bgcard2 .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bgcard2 .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bgcard2 .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bgcard2 .bar-button-skeleton-md,
.toolbar-md-bgcard2 .bar-button-clear-md-skeleton,
.toolbar-md-bgcard2 .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-bgcard2 .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-bgcard2 .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-bgcard2 .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-bgcard2 .bar-button-outline-md,
.toolbar-md-bgcard2 .bar-button-clear-md-outline,
.toolbar-md-bgcard2 .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-bgcard2 .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-bgcard2 .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-bgcard2 .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-bgcard2 .bar-button-secondary-text-md,
.toolbar-md-bgcard2 .bar-button-clear-md-secondary-text,
.toolbar-md-bgcard2 .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-bgcard2 .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-bgcard2 .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-bgcard2 .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-bgcard2 .bar-button-text-md,
.toolbar-md-bgcard2 .bar-button-clear-md-text,
.toolbar-md-bgcard2 .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-bgcard2 .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-bgcard2 .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-bgcard2 .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-bgcard2 .bar-button-label-md,
.toolbar-md-bgcard2 .bar-button-clear-md-label,
.toolbar-md-bgcard2 .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-bgcard2 .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-bgcard2 .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-bgcard2 .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-bgcard2 .bar-button-hover-md,
.toolbar-md-bgcard2 .bar-button-clear-md-hover,
.toolbar-md-bgcard2 .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-bgcard2 .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-bgcard2 .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-bgcard2 .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-bgcard2 .bar-button-hover-dark-md,
.toolbar-md-bgcard2 .bar-button-clear-md-hover-dark,
.toolbar-md-bgcard2 .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-bgcard2 .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-bgcard2 .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-bgcard2 .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-bgcard2 .bar-button-bgcard-md,
.toolbar-md-bgcard2 .bar-button-clear-md-bgcard,
.toolbar-md-bgcard2 .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-bgcard2 .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-bgcard2 .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-bgcard2 .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-bgcard2 .bar-button-bgcard2-md,
.toolbar-md-bgcard2 .bar-button-clear-md-bgcard2,
.toolbar-md-bgcard2 .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-bgcard2 .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-bgcard2 .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-bgcard2 .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-bgcard2 .bar-button-bglabel-md,
.toolbar-md-bgcard2 .bar-button-clear-md-bglabel,
.toolbar-md-bgcard2 .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-bgcard2 .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-bgcard2 .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-bgcard2 .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-bgcard2 .bar-button-primary-light-md,
.toolbar-md-bgcard2 .bar-button-clear-md-primary-light,
.toolbar-md-bgcard2 .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-bgcard2 .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-bgcard2 .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-bgcard2 .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-bgcard2 .bar-button-bgicon-md,
.toolbar-md-bgcard2 .bar-button-clear-md-bgicon,
.toolbar-md-bgcard2 .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-bgcard2 .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-bgcard2 .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-bgcard2 .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-bgcard2 .bar-button-primary-text-md,
.toolbar-md-bgcard2 .bar-button-clear-md-primary-text,
.toolbar-md-bgcard2 .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-bgcard2 .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-bgcard2 .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-bgcard2 .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-bgcard2 .bar-button-white-md,
.toolbar-md-bgcard2 .bar-button-clear-md-white,
.toolbar-md-bgcard2 .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-bgcard2 .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-bgcard2 .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-bgcard2 .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-bgcard2 .bar-button-success-md,
.toolbar-md-bgcard2 .bar-button-clear-md-success,
.toolbar-md-bgcard2 .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-bgcard2 .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-bgcard2 .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-bgcard2 .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-bgcard2 .bar-button-info-md,
.toolbar-md-bgcard2 .bar-button-clear-md-info,
.toolbar-md-bgcard2 .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-bgcard2 .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-bgcard2 .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-bgcard2 .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-bgcard2 .bar-button-warning-md,
.toolbar-md-bgcard2 .bar-button-clear-md-warning,
.toolbar-md-bgcard2 .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-bgcard2 .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-bgcard2 .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-bgcard2 .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-bgcard2 .bar-button-danger-md,
.toolbar-md-bgcard2 .bar-button-clear-md-danger,
.toolbar-md-bgcard2 .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-bgcard2 .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-bgcard2 .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-bgcard2 .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-bgcard2 .bar-button-tam-md,
.toolbar-md-bgcard2 .bar-button-clear-md-tam,
.toolbar-md-bgcard2 .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-bgcard2 .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-bgcard2 .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-bgcard2 .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-bgcard2 .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-bgcard2 .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bgcard2-md,
.bar-button-clear-md-bgcard2,
.bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.bar-button-bgcard2-md:hover:not(.disable-hover),
.bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-bglabel .toolbar-background-md {
  background: #E2E9ED;
}

.toolbar-md-bglabel .bar-button-clear-md,
.toolbar-md-bglabel .bar-button-default-md,
.toolbar-md-bglabel .bar-button-outline-md,
.toolbar-md-bglabel .toolbar-title-md {
  color: #424242;
}

.toolbar-md-bglabel .bar-button-clear-md .button-effect,
.toolbar-md-bglabel .bar-button-default-md .button-effect,
.toolbar-md-bglabel .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-bglabel .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-bglabel .bar-button-primary-md,
.toolbar-md-bglabel .bar-button-clear-md-primary,
.toolbar-md-bglabel .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-bglabel .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-bglabel .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-bglabel .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-bglabel .bar-button-secondary-md,
.toolbar-md-bglabel .bar-button-clear-md-secondary,
.toolbar-md-bglabel .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bglabel .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bglabel .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bglabel .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bglabel .bar-button-danger-low-md,
.toolbar-md-bglabel .bar-button-clear-md-danger-low,
.toolbar-md-bglabel .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-bglabel .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-bglabel .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-bglabel .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-bglabel .bar-button-light-md,
.toolbar-md-bglabel .bar-button-clear-md-light,
.toolbar-md-bglabel .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-bglabel .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-bglabel .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-bglabel .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-bglabel .bar-button-dark-md,
.toolbar-md-bglabel .bar-button-clear-md-dark,
.toolbar-md-bglabel .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-bglabel .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-bglabel .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-bglabel .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-bglabel .bar-button-favorite-md,
.toolbar-md-bglabel .bar-button-clear-md-favorite,
.toolbar-md-bglabel .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-bglabel .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-bglabel .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-bglabel .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-bglabel .bar-button-darkgrey-md,
.toolbar-md-bglabel .bar-button-clear-md-darkgrey,
.toolbar-md-bglabel .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-bglabel .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-bglabel .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-bglabel .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-bglabel .bar-button-emerald-md,
.toolbar-md-bglabel .bar-button-clear-md-emerald,
.toolbar-md-bglabel .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-bglabel .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-bglabel .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-bglabel .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-bglabel .bar-button-concrete-md,
.toolbar-md-bglabel .bar-button-clear-md-concrete,
.toolbar-md-bglabel .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-bglabel .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-bglabel .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-bglabel .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-bglabel .bar-button-yellow-md,
.toolbar-md-bglabel .bar-button-clear-md-yellow,
.toolbar-md-bglabel .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-bglabel .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-bglabel .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-bglabel .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-bglabel .bar-button-black-md,
.toolbar-md-bglabel .bar-button-clear-md-black,
.toolbar-md-bglabel .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-bglabel .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-bglabel .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-bglabel .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-bglabel .bar-button-grey-md,
.toolbar-md-bglabel .bar-button-clear-md-grey,
.toolbar-md-bglabel .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-bglabel .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-bglabel .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-bglabel .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-bglabel .bar-button-red-md,
.toolbar-md-bglabel .bar-button-clear-md-red,
.toolbar-md-bglabel .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-bglabel .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-bglabel .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-bglabel .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-bglabel .bar-button-notif-md,
.toolbar-md-bglabel .bar-button-clear-md-notif,
.toolbar-md-bglabel .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-bglabel .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-bglabel .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-bglabel .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-bglabel .bar-button-new-badge-md,
.toolbar-md-bglabel .bar-button-clear-md-new-badge,
.toolbar-md-bglabel .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bglabel .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bglabel .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bglabel .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bglabel .bar-button-accent-md,
.toolbar-md-bglabel .bar-button-clear-md-accent,
.toolbar-md-bglabel .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bglabel .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bglabel .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bglabel .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bglabel .bar-button-skeleton-md,
.toolbar-md-bglabel .bar-button-clear-md-skeleton,
.toolbar-md-bglabel .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-bglabel .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-bglabel .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-bglabel .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-bglabel .bar-button-outline-md,
.toolbar-md-bglabel .bar-button-clear-md-outline,
.toolbar-md-bglabel .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-bglabel .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-bglabel .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-bglabel .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-bglabel .bar-button-secondary-text-md,
.toolbar-md-bglabel .bar-button-clear-md-secondary-text,
.toolbar-md-bglabel .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-bglabel .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-bglabel .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-bglabel .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-bglabel .bar-button-text-md,
.toolbar-md-bglabel .bar-button-clear-md-text,
.toolbar-md-bglabel .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-bglabel .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-bglabel .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-bglabel .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-bglabel .bar-button-label-md,
.toolbar-md-bglabel .bar-button-clear-md-label,
.toolbar-md-bglabel .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-bglabel .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-bglabel .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-bglabel .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-bglabel .bar-button-hover-md,
.toolbar-md-bglabel .bar-button-clear-md-hover,
.toolbar-md-bglabel .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-bglabel .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-bglabel .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-bglabel .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-bglabel .bar-button-hover-dark-md,
.toolbar-md-bglabel .bar-button-clear-md-hover-dark,
.toolbar-md-bglabel .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-bglabel .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-bglabel .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-bglabel .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-bglabel .bar-button-bgcard-md,
.toolbar-md-bglabel .bar-button-clear-md-bgcard,
.toolbar-md-bglabel .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-bglabel .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-bglabel .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-bglabel .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-bglabel .bar-button-bgcard2-md,
.toolbar-md-bglabel .bar-button-clear-md-bgcard2,
.toolbar-md-bglabel .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-bglabel .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-bglabel .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-bglabel .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-bglabel .bar-button-bglabel-md,
.toolbar-md-bglabel .bar-button-clear-md-bglabel,
.toolbar-md-bglabel .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-bglabel .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-bglabel .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-bglabel .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-bglabel .bar-button-primary-light-md,
.toolbar-md-bglabel .bar-button-clear-md-primary-light,
.toolbar-md-bglabel .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-bglabel .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-bglabel .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-bglabel .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-bglabel .bar-button-bgicon-md,
.toolbar-md-bglabel .bar-button-clear-md-bgicon,
.toolbar-md-bglabel .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-bglabel .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-bglabel .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-bglabel .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-bglabel .bar-button-primary-text-md,
.toolbar-md-bglabel .bar-button-clear-md-primary-text,
.toolbar-md-bglabel .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-bglabel .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-bglabel .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-bglabel .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-bglabel .bar-button-white-md,
.toolbar-md-bglabel .bar-button-clear-md-white,
.toolbar-md-bglabel .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-bglabel .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-bglabel .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-bglabel .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-bglabel .bar-button-success-md,
.toolbar-md-bglabel .bar-button-clear-md-success,
.toolbar-md-bglabel .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-bglabel .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-bglabel .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-bglabel .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-bglabel .bar-button-info-md,
.toolbar-md-bglabel .bar-button-clear-md-info,
.toolbar-md-bglabel .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-bglabel .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-bglabel .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-bglabel .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-bglabel .bar-button-warning-md,
.toolbar-md-bglabel .bar-button-clear-md-warning,
.toolbar-md-bglabel .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-bglabel .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-bglabel .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-bglabel .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-bglabel .bar-button-danger-md,
.toolbar-md-bglabel .bar-button-clear-md-danger,
.toolbar-md-bglabel .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-bglabel .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-bglabel .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-bglabel .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-bglabel .bar-button-tam-md,
.toolbar-md-bglabel .bar-button-clear-md-tam,
.toolbar-md-bglabel .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-bglabel .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-bglabel .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-bglabel .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-bglabel .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-bglabel .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bglabel-md,
.bar-button-clear-md-bglabel,
.bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.bar-button-bglabel-md:hover:not(.disable-hover),
.bar-button-clear-md-bglabel:hover:not(.disable-hover),
.bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-primary-light .toolbar-background-md {
  background: #08b2be;
}

.toolbar-md-primary-light .bar-button-clear-md,
.toolbar-md-primary-light .bar-button-default-md,
.toolbar-md-primary-light .bar-button-outline-md,
.toolbar-md-primary-light .toolbar-title-md {
  color: #fff;
}

.toolbar-md-primary-light .bar-button-clear-md .button-effect,
.toolbar-md-primary-light .bar-button-default-md .button-effect,
.toolbar-md-primary-light .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-primary-light .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-primary-light .bar-button-primary-md,
.toolbar-md-primary-light .bar-button-clear-md-primary,
.toolbar-md-primary-light .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-primary-light .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-primary-light .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-primary-light .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-primary-light .bar-button-secondary-md,
.toolbar-md-primary-light .bar-button-clear-md-secondary,
.toolbar-md-primary-light .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-primary-light .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-primary-light .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-primary-light .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-primary-light .bar-button-danger-low-md,
.toolbar-md-primary-light .bar-button-clear-md-danger-low,
.toolbar-md-primary-light .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-primary-light .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-primary-light .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-primary-light .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-primary-light .bar-button-light-md,
.toolbar-md-primary-light .bar-button-clear-md-light,
.toolbar-md-primary-light .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-primary-light .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-primary-light .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-primary-light .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-primary-light .bar-button-dark-md,
.toolbar-md-primary-light .bar-button-clear-md-dark,
.toolbar-md-primary-light .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-primary-light .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-primary-light .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-primary-light .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-primary-light .bar-button-favorite-md,
.toolbar-md-primary-light .bar-button-clear-md-favorite,
.toolbar-md-primary-light .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-primary-light .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-primary-light .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-primary-light .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-primary-light .bar-button-darkgrey-md,
.toolbar-md-primary-light .bar-button-clear-md-darkgrey,
.toolbar-md-primary-light .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-primary-light .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-primary-light .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-primary-light .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-primary-light .bar-button-emerald-md,
.toolbar-md-primary-light .bar-button-clear-md-emerald,
.toolbar-md-primary-light .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-primary-light .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-primary-light .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-primary-light .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-primary-light .bar-button-concrete-md,
.toolbar-md-primary-light .bar-button-clear-md-concrete,
.toolbar-md-primary-light .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-primary-light .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-primary-light .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-primary-light .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-primary-light .bar-button-yellow-md,
.toolbar-md-primary-light .bar-button-clear-md-yellow,
.toolbar-md-primary-light .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-primary-light .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-primary-light .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-primary-light .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-primary-light .bar-button-black-md,
.toolbar-md-primary-light .bar-button-clear-md-black,
.toolbar-md-primary-light .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-primary-light .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-primary-light .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-primary-light .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-primary-light .bar-button-grey-md,
.toolbar-md-primary-light .bar-button-clear-md-grey,
.toolbar-md-primary-light .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-primary-light .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-primary-light .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-primary-light .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-primary-light .bar-button-red-md,
.toolbar-md-primary-light .bar-button-clear-md-red,
.toolbar-md-primary-light .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-primary-light .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-primary-light .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-primary-light .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-primary-light .bar-button-notif-md,
.toolbar-md-primary-light .bar-button-clear-md-notif,
.toolbar-md-primary-light .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-primary-light .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-primary-light .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-primary-light .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-primary-light .bar-button-new-badge-md,
.toolbar-md-primary-light .bar-button-clear-md-new-badge,
.toolbar-md-primary-light .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-primary-light .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-primary-light .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-primary-light .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-primary-light .bar-button-accent-md,
.toolbar-md-primary-light .bar-button-clear-md-accent,
.toolbar-md-primary-light .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-primary-light .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-primary-light .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-primary-light .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-primary-light .bar-button-skeleton-md,
.toolbar-md-primary-light .bar-button-clear-md-skeleton,
.toolbar-md-primary-light .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-primary-light .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-primary-light .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-primary-light .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-primary-light .bar-button-outline-md,
.toolbar-md-primary-light .bar-button-clear-md-outline,
.toolbar-md-primary-light .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-primary-light .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-primary-light .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-primary-light .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-primary-light .bar-button-secondary-text-md,
.toolbar-md-primary-light .bar-button-clear-md-secondary-text,
.toolbar-md-primary-light .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-primary-light .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-primary-light .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-primary-light .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-primary-light .bar-button-text-md,
.toolbar-md-primary-light .bar-button-clear-md-text,
.toolbar-md-primary-light .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-primary-light .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-primary-light .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-primary-light .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-primary-light .bar-button-label-md,
.toolbar-md-primary-light .bar-button-clear-md-label,
.toolbar-md-primary-light .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-primary-light .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-primary-light .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-primary-light .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-primary-light .bar-button-hover-md,
.toolbar-md-primary-light .bar-button-clear-md-hover,
.toolbar-md-primary-light .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-primary-light .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-primary-light .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-primary-light .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-primary-light .bar-button-hover-dark-md,
.toolbar-md-primary-light .bar-button-clear-md-hover-dark,
.toolbar-md-primary-light .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-primary-light .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-primary-light .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-primary-light .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-primary-light .bar-button-bgcard-md,
.toolbar-md-primary-light .bar-button-clear-md-bgcard,
.toolbar-md-primary-light .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-primary-light .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-primary-light .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-primary-light .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-primary-light .bar-button-bgcard2-md,
.toolbar-md-primary-light .bar-button-clear-md-bgcard2,
.toolbar-md-primary-light .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-primary-light .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-primary-light .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-primary-light .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-primary-light .bar-button-bglabel-md,
.toolbar-md-primary-light .bar-button-clear-md-bglabel,
.toolbar-md-primary-light .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-primary-light .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-primary-light .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-primary-light .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-primary-light .bar-button-primary-light-md,
.toolbar-md-primary-light .bar-button-clear-md-primary-light,
.toolbar-md-primary-light .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-primary-light .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-primary-light .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-primary-light .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-primary-light .bar-button-bgicon-md,
.toolbar-md-primary-light .bar-button-clear-md-bgicon,
.toolbar-md-primary-light .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-primary-light .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-primary-light .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-primary-light .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-primary-light .bar-button-primary-text-md,
.toolbar-md-primary-light .bar-button-clear-md-primary-text,
.toolbar-md-primary-light .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-primary-light .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-primary-light .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-primary-light .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-primary-light .bar-button-white-md,
.toolbar-md-primary-light .bar-button-clear-md-white,
.toolbar-md-primary-light .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-primary-light .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-primary-light .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-primary-light .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-primary-light .bar-button-success-md,
.toolbar-md-primary-light .bar-button-clear-md-success,
.toolbar-md-primary-light .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-primary-light .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-primary-light .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-primary-light .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-primary-light .bar-button-info-md,
.toolbar-md-primary-light .bar-button-clear-md-info,
.toolbar-md-primary-light .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-primary-light .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-primary-light .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-primary-light .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-primary-light .bar-button-warning-md,
.toolbar-md-primary-light .bar-button-clear-md-warning,
.toolbar-md-primary-light .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-primary-light .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-primary-light .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-primary-light .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-primary-light .bar-button-danger-md,
.toolbar-md-primary-light .bar-button-clear-md-danger,
.toolbar-md-primary-light .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-primary-light .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-primary-light .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-primary-light .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-primary-light .bar-button-tam-md,
.toolbar-md-primary-light .bar-button-clear-md-tam,
.toolbar-md-primary-light .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-primary-light .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-primary-light .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-primary-light .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-primary-light .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-primary-light .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-primary-light-md,
.bar-button-clear-md-primary-light,
.bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.bar-button-primary-light-md:hover:not(.disable-hover),
.bar-button-clear-md-primary-light:hover:not(.disable-hover),
.bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-bgicon .toolbar-background-md {
  background: rgba(226, 233, 237, 0.6);
}

.toolbar-md-bgicon .bar-button-clear-md,
.toolbar-md-bgicon .bar-button-default-md,
.toolbar-md-bgicon .bar-button-outline-md,
.toolbar-md-bgicon .toolbar-title-md {
  color: #424242;
}

.toolbar-md-bgicon .bar-button-clear-md .button-effect,
.toolbar-md-bgicon .bar-button-default-md .button-effect,
.toolbar-md-bgicon .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-bgicon .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-bgicon .bar-button-primary-md,
.toolbar-md-bgicon .bar-button-clear-md-primary,
.toolbar-md-bgicon .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-bgicon .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-bgicon .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-bgicon .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-bgicon .bar-button-secondary-md,
.toolbar-md-bgicon .bar-button-clear-md-secondary,
.toolbar-md-bgicon .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bgicon .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bgicon .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bgicon .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bgicon .bar-button-danger-low-md,
.toolbar-md-bgicon .bar-button-clear-md-danger-low,
.toolbar-md-bgicon .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-bgicon .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-bgicon .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-bgicon .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-bgicon .bar-button-light-md,
.toolbar-md-bgicon .bar-button-clear-md-light,
.toolbar-md-bgicon .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-bgicon .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-bgicon .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-bgicon .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-bgicon .bar-button-dark-md,
.toolbar-md-bgicon .bar-button-clear-md-dark,
.toolbar-md-bgicon .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-bgicon .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-bgicon .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-bgicon .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-bgicon .bar-button-favorite-md,
.toolbar-md-bgicon .bar-button-clear-md-favorite,
.toolbar-md-bgicon .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-bgicon .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-bgicon .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-bgicon .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-bgicon .bar-button-darkgrey-md,
.toolbar-md-bgicon .bar-button-clear-md-darkgrey,
.toolbar-md-bgicon .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-bgicon .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-bgicon .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-bgicon .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-bgicon .bar-button-emerald-md,
.toolbar-md-bgicon .bar-button-clear-md-emerald,
.toolbar-md-bgicon .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-bgicon .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-bgicon .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-bgicon .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-bgicon .bar-button-concrete-md,
.toolbar-md-bgicon .bar-button-clear-md-concrete,
.toolbar-md-bgicon .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-bgicon .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-bgicon .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-bgicon .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-bgicon .bar-button-yellow-md,
.toolbar-md-bgicon .bar-button-clear-md-yellow,
.toolbar-md-bgicon .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-bgicon .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-bgicon .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-bgicon .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-bgicon .bar-button-black-md,
.toolbar-md-bgicon .bar-button-clear-md-black,
.toolbar-md-bgicon .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-bgicon .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-bgicon .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-bgicon .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-bgicon .bar-button-grey-md,
.toolbar-md-bgicon .bar-button-clear-md-grey,
.toolbar-md-bgicon .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-bgicon .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-bgicon .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-bgicon .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-bgicon .bar-button-red-md,
.toolbar-md-bgicon .bar-button-clear-md-red,
.toolbar-md-bgicon .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-bgicon .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-bgicon .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-bgicon .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-bgicon .bar-button-notif-md,
.toolbar-md-bgicon .bar-button-clear-md-notif,
.toolbar-md-bgicon .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-bgicon .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-bgicon .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-bgicon .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-bgicon .bar-button-new-badge-md,
.toolbar-md-bgicon .bar-button-clear-md-new-badge,
.toolbar-md-bgicon .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bgicon .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bgicon .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bgicon .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bgicon .bar-button-accent-md,
.toolbar-md-bgicon .bar-button-clear-md-accent,
.toolbar-md-bgicon .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-bgicon .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-bgicon .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-bgicon .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-bgicon .bar-button-skeleton-md,
.toolbar-md-bgicon .bar-button-clear-md-skeleton,
.toolbar-md-bgicon .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-bgicon .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-bgicon .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-bgicon .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-bgicon .bar-button-outline-md,
.toolbar-md-bgicon .bar-button-clear-md-outline,
.toolbar-md-bgicon .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-bgicon .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-bgicon .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-bgicon .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-bgicon .bar-button-secondary-text-md,
.toolbar-md-bgicon .bar-button-clear-md-secondary-text,
.toolbar-md-bgicon .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-bgicon .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-bgicon .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-bgicon .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-bgicon .bar-button-text-md,
.toolbar-md-bgicon .bar-button-clear-md-text,
.toolbar-md-bgicon .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-bgicon .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-bgicon .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-bgicon .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-bgicon .bar-button-label-md,
.toolbar-md-bgicon .bar-button-clear-md-label,
.toolbar-md-bgicon .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-bgicon .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-bgicon .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-bgicon .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-bgicon .bar-button-hover-md,
.toolbar-md-bgicon .bar-button-clear-md-hover,
.toolbar-md-bgicon .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-bgicon .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-bgicon .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-bgicon .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-bgicon .bar-button-hover-dark-md,
.toolbar-md-bgicon .bar-button-clear-md-hover-dark,
.toolbar-md-bgicon .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-bgicon .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-bgicon .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-bgicon .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-bgicon .bar-button-bgcard-md,
.toolbar-md-bgicon .bar-button-clear-md-bgcard,
.toolbar-md-bgicon .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-bgicon .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-bgicon .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-bgicon .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-bgicon .bar-button-bgcard2-md,
.toolbar-md-bgicon .bar-button-clear-md-bgcard2,
.toolbar-md-bgicon .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-bgicon .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-bgicon .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-bgicon .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-bgicon .bar-button-bglabel-md,
.toolbar-md-bgicon .bar-button-clear-md-bglabel,
.toolbar-md-bgicon .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-bgicon .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-bgicon .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-bgicon .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-bgicon .bar-button-primary-light-md,
.toolbar-md-bgicon .bar-button-clear-md-primary-light,
.toolbar-md-bgicon .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-bgicon .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-bgicon .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-bgicon .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-bgicon .bar-button-bgicon-md,
.toolbar-md-bgicon .bar-button-clear-md-bgicon,
.toolbar-md-bgicon .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-bgicon .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-bgicon .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-bgicon .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-bgicon .bar-button-primary-text-md,
.toolbar-md-bgicon .bar-button-clear-md-primary-text,
.toolbar-md-bgicon .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-bgicon .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-bgicon .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-bgicon .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-bgicon .bar-button-white-md,
.toolbar-md-bgicon .bar-button-clear-md-white,
.toolbar-md-bgicon .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-bgicon .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-bgicon .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-bgicon .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-bgicon .bar-button-success-md,
.toolbar-md-bgicon .bar-button-clear-md-success,
.toolbar-md-bgicon .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-bgicon .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-bgicon .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-bgicon .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-bgicon .bar-button-info-md,
.toolbar-md-bgicon .bar-button-clear-md-info,
.toolbar-md-bgicon .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-bgicon .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-bgicon .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-bgicon .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-bgicon .bar-button-warning-md,
.toolbar-md-bgicon .bar-button-clear-md-warning,
.toolbar-md-bgicon .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-bgicon .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-bgicon .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-bgicon .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-bgicon .bar-button-danger-md,
.toolbar-md-bgicon .bar-button-clear-md-danger,
.toolbar-md-bgicon .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-bgicon .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-bgicon .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-bgicon .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-bgicon .bar-button-tam-md,
.toolbar-md-bgicon .bar-button-clear-md-tam,
.toolbar-md-bgicon .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-bgicon .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-bgicon .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-bgicon .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-bgicon .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-bgicon .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bgicon-md,
.bar-button-clear-md-bgicon,
.bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.bar-button-bgicon-md:hover:not(.disable-hover),
.bar-button-clear-md-bgicon:hover:not(.disable-hover),
.bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-primary-text .toolbar-background-md {
  background: #189dae;
}

.toolbar-md-primary-text .bar-button-clear-md,
.toolbar-md-primary-text .bar-button-default-md,
.toolbar-md-primary-text .bar-button-outline-md,
.toolbar-md-primary-text .toolbar-title-md {
  color: #fff;
}

.toolbar-md-primary-text .bar-button-clear-md .button-effect,
.toolbar-md-primary-text .bar-button-default-md .button-effect,
.toolbar-md-primary-text .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-primary-text .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-primary-text .bar-button-primary-md,
.toolbar-md-primary-text .bar-button-clear-md-primary,
.toolbar-md-primary-text .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-primary-text .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-primary-text .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-primary-text .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-primary-text .bar-button-secondary-md,
.toolbar-md-primary-text .bar-button-clear-md-secondary,
.toolbar-md-primary-text .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-primary-text .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-primary-text .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-primary-text .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-primary-text .bar-button-danger-low-md,
.toolbar-md-primary-text .bar-button-clear-md-danger-low,
.toolbar-md-primary-text .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-primary-text .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-primary-text .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-primary-text .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-primary-text .bar-button-light-md,
.toolbar-md-primary-text .bar-button-clear-md-light,
.toolbar-md-primary-text .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-primary-text .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-primary-text .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-primary-text .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-primary-text .bar-button-dark-md,
.toolbar-md-primary-text .bar-button-clear-md-dark,
.toolbar-md-primary-text .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-primary-text .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-primary-text .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-primary-text .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-primary-text .bar-button-favorite-md,
.toolbar-md-primary-text .bar-button-clear-md-favorite,
.toolbar-md-primary-text .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-primary-text .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-primary-text .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-primary-text .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-primary-text .bar-button-darkgrey-md,
.toolbar-md-primary-text .bar-button-clear-md-darkgrey,
.toolbar-md-primary-text .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-primary-text .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-primary-text .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-primary-text .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-primary-text .bar-button-emerald-md,
.toolbar-md-primary-text .bar-button-clear-md-emerald,
.toolbar-md-primary-text .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-primary-text .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-primary-text .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-primary-text .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-primary-text .bar-button-concrete-md,
.toolbar-md-primary-text .bar-button-clear-md-concrete,
.toolbar-md-primary-text .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-primary-text .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-primary-text .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-primary-text .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-primary-text .bar-button-yellow-md,
.toolbar-md-primary-text .bar-button-clear-md-yellow,
.toolbar-md-primary-text .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-primary-text .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-primary-text .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-primary-text .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-primary-text .bar-button-black-md,
.toolbar-md-primary-text .bar-button-clear-md-black,
.toolbar-md-primary-text .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-primary-text .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-primary-text .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-primary-text .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-primary-text .bar-button-grey-md,
.toolbar-md-primary-text .bar-button-clear-md-grey,
.toolbar-md-primary-text .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-primary-text .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-primary-text .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-primary-text .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-primary-text .bar-button-red-md,
.toolbar-md-primary-text .bar-button-clear-md-red,
.toolbar-md-primary-text .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-primary-text .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-primary-text .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-primary-text .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-primary-text .bar-button-notif-md,
.toolbar-md-primary-text .bar-button-clear-md-notif,
.toolbar-md-primary-text .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-primary-text .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-primary-text .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-primary-text .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-primary-text .bar-button-new-badge-md,
.toolbar-md-primary-text .bar-button-clear-md-new-badge,
.toolbar-md-primary-text .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-primary-text .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-primary-text .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-primary-text .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-primary-text .bar-button-accent-md,
.toolbar-md-primary-text .bar-button-clear-md-accent,
.toolbar-md-primary-text .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-primary-text .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-primary-text .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-primary-text .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-primary-text .bar-button-skeleton-md,
.toolbar-md-primary-text .bar-button-clear-md-skeleton,
.toolbar-md-primary-text .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-primary-text .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-primary-text .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-primary-text .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-primary-text .bar-button-outline-md,
.toolbar-md-primary-text .bar-button-clear-md-outline,
.toolbar-md-primary-text .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-primary-text .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-primary-text .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-primary-text .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-primary-text .bar-button-secondary-text-md,
.toolbar-md-primary-text .bar-button-clear-md-secondary-text,
.toolbar-md-primary-text .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-primary-text .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-primary-text .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-primary-text .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-primary-text .bar-button-text-md,
.toolbar-md-primary-text .bar-button-clear-md-text,
.toolbar-md-primary-text .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-primary-text .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-primary-text .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-primary-text .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-primary-text .bar-button-label-md,
.toolbar-md-primary-text .bar-button-clear-md-label,
.toolbar-md-primary-text .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-primary-text .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-primary-text .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-primary-text .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-primary-text .bar-button-hover-md,
.toolbar-md-primary-text .bar-button-clear-md-hover,
.toolbar-md-primary-text .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-primary-text .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-primary-text .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-primary-text .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-primary-text .bar-button-hover-dark-md,
.toolbar-md-primary-text .bar-button-clear-md-hover-dark,
.toolbar-md-primary-text .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-primary-text .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-primary-text .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-primary-text .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-primary-text .bar-button-bgcard-md,
.toolbar-md-primary-text .bar-button-clear-md-bgcard,
.toolbar-md-primary-text .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-primary-text .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-primary-text .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-primary-text .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-primary-text .bar-button-bgcard2-md,
.toolbar-md-primary-text .bar-button-clear-md-bgcard2,
.toolbar-md-primary-text .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-primary-text .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-primary-text .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-primary-text .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-primary-text .bar-button-bglabel-md,
.toolbar-md-primary-text .bar-button-clear-md-bglabel,
.toolbar-md-primary-text .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-primary-text .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-primary-text .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-primary-text .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-primary-text .bar-button-primary-light-md,
.toolbar-md-primary-text .bar-button-clear-md-primary-light,
.toolbar-md-primary-text .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-primary-text .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-primary-text .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-primary-text .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-primary-text .bar-button-bgicon-md,
.toolbar-md-primary-text .bar-button-clear-md-bgicon,
.toolbar-md-primary-text .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-primary-text .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-primary-text .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-primary-text .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-primary-text .bar-button-primary-text-md,
.toolbar-md-primary-text .bar-button-clear-md-primary-text,
.toolbar-md-primary-text .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-primary-text .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-primary-text .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-primary-text .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-primary-text .bar-button-white-md,
.toolbar-md-primary-text .bar-button-clear-md-white,
.toolbar-md-primary-text .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-primary-text .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-primary-text .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-primary-text .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-primary-text .bar-button-success-md,
.toolbar-md-primary-text .bar-button-clear-md-success,
.toolbar-md-primary-text .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-primary-text .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-primary-text .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-primary-text .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-primary-text .bar-button-info-md,
.toolbar-md-primary-text .bar-button-clear-md-info,
.toolbar-md-primary-text .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-primary-text .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-primary-text .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-primary-text .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-primary-text .bar-button-warning-md,
.toolbar-md-primary-text .bar-button-clear-md-warning,
.toolbar-md-primary-text .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-primary-text .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-primary-text .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-primary-text .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-primary-text .bar-button-danger-md,
.toolbar-md-primary-text .bar-button-clear-md-danger,
.toolbar-md-primary-text .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-primary-text .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-primary-text .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-primary-text .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-primary-text .bar-button-tam-md,
.toolbar-md-primary-text .bar-button-clear-md-tam,
.toolbar-md-primary-text .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-primary-text .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-primary-text .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-primary-text .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-primary-text .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-primary-text .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-primary-text-md,
.bar-button-clear-md-primary-text,
.bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.bar-button-primary-text-md:hover:not(.disable-hover),
.bar-button-clear-md-primary-text:hover:not(.disable-hover),
.bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-white .toolbar-background-md {
  background: #FFFFFF;
}

.toolbar-md-white .bar-button-clear-md,
.toolbar-md-white .bar-button-default-md,
.toolbar-md-white .bar-button-outline-md,
.toolbar-md-white .toolbar-title-md {
  color: #424242;
}

.toolbar-md-white .bar-button-clear-md .button-effect,
.toolbar-md-white .bar-button-default-md .button-effect,
.toolbar-md-white .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-white .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-white .bar-button-primary-md,
.toolbar-md-white .bar-button-clear-md-primary,
.toolbar-md-white .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-white .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-white .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-white .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-white .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-white .bar-button-secondary-md,
.toolbar-md-white .bar-button-clear-md-secondary,
.toolbar-md-white .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-white .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-white .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-white .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-white .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-white .bar-button-danger-low-md,
.toolbar-md-white .bar-button-clear-md-danger-low,
.toolbar-md-white .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-white .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-white .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-white .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-white .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-white .bar-button-light-md,
.toolbar-md-white .bar-button-clear-md-light,
.toolbar-md-white .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-white .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-white .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-white .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-white .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-white .bar-button-dark-md,
.toolbar-md-white .bar-button-clear-md-dark,
.toolbar-md-white .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-white .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-white .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-white .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-white .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-white .bar-button-favorite-md,
.toolbar-md-white .bar-button-clear-md-favorite,
.toolbar-md-white .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-white .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-white .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-white .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-white .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-white .bar-button-darkgrey-md,
.toolbar-md-white .bar-button-clear-md-darkgrey,
.toolbar-md-white .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-white .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-white .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-white .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-white .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-white .bar-button-emerald-md,
.toolbar-md-white .bar-button-clear-md-emerald,
.toolbar-md-white .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-white .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-white .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-white .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-white .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-white .bar-button-concrete-md,
.toolbar-md-white .bar-button-clear-md-concrete,
.toolbar-md-white .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-white .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-white .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-white .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-white .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-white .bar-button-yellow-md,
.toolbar-md-white .bar-button-clear-md-yellow,
.toolbar-md-white .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-white .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-white .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-white .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-white .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-white .bar-button-black-md,
.toolbar-md-white .bar-button-clear-md-black,
.toolbar-md-white .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-white .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-white .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-white .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-white .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-white .bar-button-grey-md,
.toolbar-md-white .bar-button-clear-md-grey,
.toolbar-md-white .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-white .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-white .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-white .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-white .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-white .bar-button-red-md,
.toolbar-md-white .bar-button-clear-md-red,
.toolbar-md-white .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-white .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-white .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-white .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-white .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-white .bar-button-notif-md,
.toolbar-md-white .bar-button-clear-md-notif,
.toolbar-md-white .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-white .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-white .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-white .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-white .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-white .bar-button-new-badge-md,
.toolbar-md-white .bar-button-clear-md-new-badge,
.toolbar-md-white .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-white .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-white .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-white .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-white .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-white .bar-button-accent-md,
.toolbar-md-white .bar-button-clear-md-accent,
.toolbar-md-white .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-white .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-white .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-white .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-white .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-white .bar-button-skeleton-md,
.toolbar-md-white .bar-button-clear-md-skeleton,
.toolbar-md-white .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-white .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-white .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-white .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-white .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-white .bar-button-outline-md,
.toolbar-md-white .bar-button-clear-md-outline,
.toolbar-md-white .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-white .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-white .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-white .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-white .bar-button-secondary-text-md,
.toolbar-md-white .bar-button-clear-md-secondary-text,
.toolbar-md-white .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-white .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-white .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-white .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-white .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-white .bar-button-text-md,
.toolbar-md-white .bar-button-clear-md-text,
.toolbar-md-white .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-white .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-white .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-white .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-white .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-white .bar-button-label-md,
.toolbar-md-white .bar-button-clear-md-label,
.toolbar-md-white .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-white .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-white .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-white .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-white .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-white .bar-button-hover-md,
.toolbar-md-white .bar-button-clear-md-hover,
.toolbar-md-white .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-white .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-white .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-white .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-white .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-white .bar-button-hover-dark-md,
.toolbar-md-white .bar-button-clear-md-hover-dark,
.toolbar-md-white .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-white .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-white .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-white .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-white .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-white .bar-button-bgcard-md,
.toolbar-md-white .bar-button-clear-md-bgcard,
.toolbar-md-white .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-white .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-white .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-white .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-white .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-white .bar-button-bgcard2-md,
.toolbar-md-white .bar-button-clear-md-bgcard2,
.toolbar-md-white .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-white .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-white .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-white .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-white .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-white .bar-button-bglabel-md,
.toolbar-md-white .bar-button-clear-md-bglabel,
.toolbar-md-white .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-white .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-white .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-white .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-white .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-white .bar-button-primary-light-md,
.toolbar-md-white .bar-button-clear-md-primary-light,
.toolbar-md-white .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-white .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-white .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-white .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-white .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-white .bar-button-bgicon-md,
.toolbar-md-white .bar-button-clear-md-bgicon,
.toolbar-md-white .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-white .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-white .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-white .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-white .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-white .bar-button-primary-text-md,
.toolbar-md-white .bar-button-clear-md-primary-text,
.toolbar-md-white .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-white .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-white .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-white .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-white .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-white .bar-button-white-md,
.toolbar-md-white .bar-button-clear-md-white,
.toolbar-md-white .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-white .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-white .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-white .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-white .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-white .bar-button-success-md,
.toolbar-md-white .bar-button-clear-md-success,
.toolbar-md-white .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-white .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-white .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-white .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-white .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-white .bar-button-info-md,
.toolbar-md-white .bar-button-clear-md-info,
.toolbar-md-white .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-white .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-white .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-white .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-white .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-white .bar-button-warning-md,
.toolbar-md-white .bar-button-clear-md-warning,
.toolbar-md-white .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-white .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-white .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-white .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-white .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-white .bar-button-danger-md,
.toolbar-md-white .bar-button-clear-md-danger,
.toolbar-md-white .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-white .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-white .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-white .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-white .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-white .bar-button-tam-md,
.toolbar-md-white .bar-button-clear-md-tam,
.toolbar-md-white .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-white .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-white .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-white .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-white .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-white .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-white .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-white .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-white-md,
.bar-button-clear-md-white,
.bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.bar-button-white-md:hover:not(.disable-hover),
.bar-button-clear-md-white:hover:not(.disable-hover),
.bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.bar-button-outline-md-white.activated {
  background-color: transparent;
}

.bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-success .toolbar-background-md {
  background: #2BB34D;
}

.toolbar-md-success .bar-button-clear-md,
.toolbar-md-success .bar-button-default-md,
.toolbar-md-success .bar-button-outline-md,
.toolbar-md-success .toolbar-title-md {
  color: #fff;
}

.toolbar-md-success .bar-button-clear-md .button-effect,
.toolbar-md-success .bar-button-default-md .button-effect,
.toolbar-md-success .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-success .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-success .bar-button-primary-md,
.toolbar-md-success .bar-button-clear-md-primary,
.toolbar-md-success .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-success .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-success .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-success .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-success .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-success .bar-button-secondary-md,
.toolbar-md-success .bar-button-clear-md-secondary,
.toolbar-md-success .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-success .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-success .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-success .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-success .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-success .bar-button-danger-low-md,
.toolbar-md-success .bar-button-clear-md-danger-low,
.toolbar-md-success .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-success .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-success .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-success .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-success .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-success .bar-button-light-md,
.toolbar-md-success .bar-button-clear-md-light,
.toolbar-md-success .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-success .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-success .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-success .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-success .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-success .bar-button-dark-md,
.toolbar-md-success .bar-button-clear-md-dark,
.toolbar-md-success .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-success .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-success .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-success .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-success .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-success .bar-button-favorite-md,
.toolbar-md-success .bar-button-clear-md-favorite,
.toolbar-md-success .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-success .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-success .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-success .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-success .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-success .bar-button-darkgrey-md,
.toolbar-md-success .bar-button-clear-md-darkgrey,
.toolbar-md-success .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-success .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-success .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-success .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-success .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-success .bar-button-emerald-md,
.toolbar-md-success .bar-button-clear-md-emerald,
.toolbar-md-success .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-success .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-success .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-success .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-success .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-success .bar-button-concrete-md,
.toolbar-md-success .bar-button-clear-md-concrete,
.toolbar-md-success .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-success .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-success .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-success .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-success .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-success .bar-button-yellow-md,
.toolbar-md-success .bar-button-clear-md-yellow,
.toolbar-md-success .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-success .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-success .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-success .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-success .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-success .bar-button-black-md,
.toolbar-md-success .bar-button-clear-md-black,
.toolbar-md-success .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-success .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-success .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-success .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-success .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-success .bar-button-grey-md,
.toolbar-md-success .bar-button-clear-md-grey,
.toolbar-md-success .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-success .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-success .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-success .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-success .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-success .bar-button-red-md,
.toolbar-md-success .bar-button-clear-md-red,
.toolbar-md-success .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-success .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-success .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-success .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-success .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-success .bar-button-notif-md,
.toolbar-md-success .bar-button-clear-md-notif,
.toolbar-md-success .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-success .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-success .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-success .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-success .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-success .bar-button-new-badge-md,
.toolbar-md-success .bar-button-clear-md-new-badge,
.toolbar-md-success .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-success .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-success .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-success .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-success .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-success .bar-button-accent-md,
.toolbar-md-success .bar-button-clear-md-accent,
.toolbar-md-success .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-success .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-success .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-success .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-success .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-success .bar-button-skeleton-md,
.toolbar-md-success .bar-button-clear-md-skeleton,
.toolbar-md-success .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-success .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-success .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-success .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-success .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-success .bar-button-outline-md,
.toolbar-md-success .bar-button-clear-md-outline,
.toolbar-md-success .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-success .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-success .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-success .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-success .bar-button-secondary-text-md,
.toolbar-md-success .bar-button-clear-md-secondary-text,
.toolbar-md-success .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-success .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-success .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-success .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-success .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-success .bar-button-text-md,
.toolbar-md-success .bar-button-clear-md-text,
.toolbar-md-success .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-success .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-success .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-success .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-success .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-success .bar-button-label-md,
.toolbar-md-success .bar-button-clear-md-label,
.toolbar-md-success .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-success .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-success .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-success .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-success .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-success .bar-button-hover-md,
.toolbar-md-success .bar-button-clear-md-hover,
.toolbar-md-success .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-success .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-success .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-success .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-success .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-success .bar-button-hover-dark-md,
.toolbar-md-success .bar-button-clear-md-hover-dark,
.toolbar-md-success .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-success .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-success .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-success .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-success .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-success .bar-button-bgcard-md,
.toolbar-md-success .bar-button-clear-md-bgcard,
.toolbar-md-success .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-success .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-success .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-success .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-success .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-success .bar-button-bgcard2-md,
.toolbar-md-success .bar-button-clear-md-bgcard2,
.toolbar-md-success .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-success .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-success .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-success .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-success .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-success .bar-button-bglabel-md,
.toolbar-md-success .bar-button-clear-md-bglabel,
.toolbar-md-success .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-success .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-success .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-success .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-success .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-success .bar-button-primary-light-md,
.toolbar-md-success .bar-button-clear-md-primary-light,
.toolbar-md-success .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-success .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-success .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-success .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-success .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-success .bar-button-bgicon-md,
.toolbar-md-success .bar-button-clear-md-bgicon,
.toolbar-md-success .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-success .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-success .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-success .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-success .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-success .bar-button-primary-text-md,
.toolbar-md-success .bar-button-clear-md-primary-text,
.toolbar-md-success .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-success .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-success .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-success .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-success .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-success .bar-button-white-md,
.toolbar-md-success .bar-button-clear-md-white,
.toolbar-md-success .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-success .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-success .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-success .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-success .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-success .bar-button-success-md,
.toolbar-md-success .bar-button-clear-md-success,
.toolbar-md-success .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-success .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-success .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-success .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-success .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-success .bar-button-info-md,
.toolbar-md-success .bar-button-clear-md-info,
.toolbar-md-success .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-success .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-success .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-success .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-success .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-success .bar-button-warning-md,
.toolbar-md-success .bar-button-clear-md-warning,
.toolbar-md-success .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-success .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-success .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-success .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-success .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-success .bar-button-danger-md,
.toolbar-md-success .bar-button-clear-md-danger,
.toolbar-md-success .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-success .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-success .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-success .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-success .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-success .bar-button-tam-md,
.toolbar-md-success .bar-button-clear-md-tam,
.toolbar-md-success .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-success .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-success .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-success .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-success .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-success .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-success .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-success .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-success-md,
.bar-button-clear-md-success,
.bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.bar-button-success-md:hover:not(.disable-hover),
.bar-button-clear-md-success:hover:not(.disable-hover),
.bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.bar-button-outline-md-success.activated {
  background-color: transparent;
}

.bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-info .toolbar-background-md {
  background: #1A73E8;
}

.toolbar-md-info .bar-button-clear-md,
.toolbar-md-info .bar-button-default-md,
.toolbar-md-info .bar-button-outline-md,
.toolbar-md-info .toolbar-title-md {
  color: #fff;
}

.toolbar-md-info .bar-button-clear-md .button-effect,
.toolbar-md-info .bar-button-default-md .button-effect,
.toolbar-md-info .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-info .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-info .bar-button-primary-md,
.toolbar-md-info .bar-button-clear-md-primary,
.toolbar-md-info .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-info .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-info .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-info .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-info .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-info .bar-button-secondary-md,
.toolbar-md-info .bar-button-clear-md-secondary,
.toolbar-md-info .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-info .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-info .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-info .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-info .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-info .bar-button-danger-low-md,
.toolbar-md-info .bar-button-clear-md-danger-low,
.toolbar-md-info .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-info .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-info .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-info .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-info .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-info .bar-button-light-md,
.toolbar-md-info .bar-button-clear-md-light,
.toolbar-md-info .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-info .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-info .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-info .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-info .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-info .bar-button-dark-md,
.toolbar-md-info .bar-button-clear-md-dark,
.toolbar-md-info .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-info .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-info .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-info .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-info .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-info .bar-button-favorite-md,
.toolbar-md-info .bar-button-clear-md-favorite,
.toolbar-md-info .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-info .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-info .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-info .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-info .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-info .bar-button-darkgrey-md,
.toolbar-md-info .bar-button-clear-md-darkgrey,
.toolbar-md-info .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-info .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-info .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-info .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-info .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-info .bar-button-emerald-md,
.toolbar-md-info .bar-button-clear-md-emerald,
.toolbar-md-info .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-info .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-info .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-info .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-info .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-info .bar-button-concrete-md,
.toolbar-md-info .bar-button-clear-md-concrete,
.toolbar-md-info .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-info .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-info .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-info .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-info .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-info .bar-button-yellow-md,
.toolbar-md-info .bar-button-clear-md-yellow,
.toolbar-md-info .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-info .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-info .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-info .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-info .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-info .bar-button-black-md,
.toolbar-md-info .bar-button-clear-md-black,
.toolbar-md-info .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-info .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-info .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-info .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-info .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-info .bar-button-grey-md,
.toolbar-md-info .bar-button-clear-md-grey,
.toolbar-md-info .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-info .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-info .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-info .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-info .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-info .bar-button-red-md,
.toolbar-md-info .bar-button-clear-md-red,
.toolbar-md-info .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-info .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-info .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-info .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-info .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-info .bar-button-notif-md,
.toolbar-md-info .bar-button-clear-md-notif,
.toolbar-md-info .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-info .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-info .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-info .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-info .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-info .bar-button-new-badge-md,
.toolbar-md-info .bar-button-clear-md-new-badge,
.toolbar-md-info .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-info .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-info .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-info .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-info .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-info .bar-button-accent-md,
.toolbar-md-info .bar-button-clear-md-accent,
.toolbar-md-info .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-info .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-info .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-info .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-info .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-info .bar-button-skeleton-md,
.toolbar-md-info .bar-button-clear-md-skeleton,
.toolbar-md-info .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-info .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-info .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-info .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-info .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-info .bar-button-outline-md,
.toolbar-md-info .bar-button-clear-md-outline,
.toolbar-md-info .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-info .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-info .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-info .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-info .bar-button-secondary-text-md,
.toolbar-md-info .bar-button-clear-md-secondary-text,
.toolbar-md-info .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-info .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-info .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-info .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-info .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-info .bar-button-text-md,
.toolbar-md-info .bar-button-clear-md-text,
.toolbar-md-info .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-info .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-info .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-info .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-info .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-info .bar-button-label-md,
.toolbar-md-info .bar-button-clear-md-label,
.toolbar-md-info .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-info .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-info .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-info .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-info .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-info .bar-button-hover-md,
.toolbar-md-info .bar-button-clear-md-hover,
.toolbar-md-info .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-info .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-info .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-info .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-info .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-info .bar-button-hover-dark-md,
.toolbar-md-info .bar-button-clear-md-hover-dark,
.toolbar-md-info .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-info .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-info .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-info .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-info .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-info .bar-button-bgcard-md,
.toolbar-md-info .bar-button-clear-md-bgcard,
.toolbar-md-info .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-info .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-info .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-info .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-info .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-info .bar-button-bgcard2-md,
.toolbar-md-info .bar-button-clear-md-bgcard2,
.toolbar-md-info .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-info .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-info .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-info .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-info .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-info .bar-button-bglabel-md,
.toolbar-md-info .bar-button-clear-md-bglabel,
.toolbar-md-info .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-info .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-info .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-info .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-info .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-info .bar-button-primary-light-md,
.toolbar-md-info .bar-button-clear-md-primary-light,
.toolbar-md-info .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-info .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-info .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-info .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-info .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-info .bar-button-bgicon-md,
.toolbar-md-info .bar-button-clear-md-bgicon,
.toolbar-md-info .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-info .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-info .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-info .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-info .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-info .bar-button-primary-text-md,
.toolbar-md-info .bar-button-clear-md-primary-text,
.toolbar-md-info .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-info .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-info .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-info .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-info .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-info .bar-button-white-md,
.toolbar-md-info .bar-button-clear-md-white,
.toolbar-md-info .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-info .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-info .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-info .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-info .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-info .bar-button-success-md,
.toolbar-md-info .bar-button-clear-md-success,
.toolbar-md-info .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-info .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-info .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-info .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-info .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-info .bar-button-info-md,
.toolbar-md-info .bar-button-clear-md-info,
.toolbar-md-info .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-info .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-info .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-info .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-info .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-info .bar-button-warning-md,
.toolbar-md-info .bar-button-clear-md-warning,
.toolbar-md-info .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-info .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-info .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-info .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-info .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-info .bar-button-danger-md,
.toolbar-md-info .bar-button-clear-md-danger,
.toolbar-md-info .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-info .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-info .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-info .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-info .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-info .bar-button-tam-md,
.toolbar-md-info .bar-button-clear-md-tam,
.toolbar-md-info .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-info .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-info .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-info .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-info .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-info .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-info .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-info .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-info-md,
.bar-button-clear-md-info,
.bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.bar-button-info-md:hover:not(.disable-hover),
.bar-button-clear-md-info:hover:not(.disable-hover),
.bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.bar-button-outline-md-info.activated {
  background-color: transparent;
}

.bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-warning .toolbar-background-md {
  background: #FFAB00;
}

.toolbar-md-warning .bar-button-clear-md,
.toolbar-md-warning .bar-button-default-md,
.toolbar-md-warning .bar-button-outline-md,
.toolbar-md-warning .toolbar-title-md {
  color: #fff;
}

.toolbar-md-warning .bar-button-clear-md .button-effect,
.toolbar-md-warning .bar-button-default-md .button-effect,
.toolbar-md-warning .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-warning .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-warning .bar-button-primary-md,
.toolbar-md-warning .bar-button-clear-md-primary,
.toolbar-md-warning .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-warning .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-warning .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-warning .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-warning .bar-button-secondary-md,
.toolbar-md-warning .bar-button-clear-md-secondary,
.toolbar-md-warning .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-warning .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-warning .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-warning .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-warning .bar-button-danger-low-md,
.toolbar-md-warning .bar-button-clear-md-danger-low,
.toolbar-md-warning .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-warning .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-warning .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-warning .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-warning .bar-button-light-md,
.toolbar-md-warning .bar-button-clear-md-light,
.toolbar-md-warning .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-warning .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-warning .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-warning .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-warning .bar-button-dark-md,
.toolbar-md-warning .bar-button-clear-md-dark,
.toolbar-md-warning .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-warning .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-warning .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-warning .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-warning .bar-button-favorite-md,
.toolbar-md-warning .bar-button-clear-md-favorite,
.toolbar-md-warning .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-warning .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-warning .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-warning .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-warning .bar-button-darkgrey-md,
.toolbar-md-warning .bar-button-clear-md-darkgrey,
.toolbar-md-warning .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-warning .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-warning .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-warning .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-warning .bar-button-emerald-md,
.toolbar-md-warning .bar-button-clear-md-emerald,
.toolbar-md-warning .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-warning .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-warning .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-warning .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-warning .bar-button-concrete-md,
.toolbar-md-warning .bar-button-clear-md-concrete,
.toolbar-md-warning .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-warning .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-warning .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-warning .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-warning .bar-button-yellow-md,
.toolbar-md-warning .bar-button-clear-md-yellow,
.toolbar-md-warning .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-warning .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-warning .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-warning .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-warning .bar-button-black-md,
.toolbar-md-warning .bar-button-clear-md-black,
.toolbar-md-warning .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-warning .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-warning .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-warning .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-warning .bar-button-grey-md,
.toolbar-md-warning .bar-button-clear-md-grey,
.toolbar-md-warning .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-warning .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-warning .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-warning .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-warning .bar-button-red-md,
.toolbar-md-warning .bar-button-clear-md-red,
.toolbar-md-warning .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-warning .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-warning .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-warning .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-warning .bar-button-notif-md,
.toolbar-md-warning .bar-button-clear-md-notif,
.toolbar-md-warning .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-warning .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-warning .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-warning .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-warning .bar-button-new-badge-md,
.toolbar-md-warning .bar-button-clear-md-new-badge,
.toolbar-md-warning .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-warning .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-warning .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-warning .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-warning .bar-button-accent-md,
.toolbar-md-warning .bar-button-clear-md-accent,
.toolbar-md-warning .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-warning .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-warning .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-warning .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-warning .bar-button-skeleton-md,
.toolbar-md-warning .bar-button-clear-md-skeleton,
.toolbar-md-warning .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-warning .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-warning .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-warning .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-warning .bar-button-outline-md,
.toolbar-md-warning .bar-button-clear-md-outline,
.toolbar-md-warning .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-warning .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-warning .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-warning .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-warning .bar-button-secondary-text-md,
.toolbar-md-warning .bar-button-clear-md-secondary-text,
.toolbar-md-warning .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-warning .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-warning .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-warning .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-warning .bar-button-text-md,
.toolbar-md-warning .bar-button-clear-md-text,
.toolbar-md-warning .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-warning .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-warning .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-warning .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-warning .bar-button-label-md,
.toolbar-md-warning .bar-button-clear-md-label,
.toolbar-md-warning .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-warning .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-warning .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-warning .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-warning .bar-button-hover-md,
.toolbar-md-warning .bar-button-clear-md-hover,
.toolbar-md-warning .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-warning .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-warning .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-warning .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-warning .bar-button-hover-dark-md,
.toolbar-md-warning .bar-button-clear-md-hover-dark,
.toolbar-md-warning .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-warning .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-warning .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-warning .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-warning .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-warning .bar-button-bgcard-md,
.toolbar-md-warning .bar-button-clear-md-bgcard,
.toolbar-md-warning .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-warning .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-warning .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-warning .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-warning .bar-button-bgcard2-md,
.toolbar-md-warning .bar-button-clear-md-bgcard2,
.toolbar-md-warning .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-warning .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-warning .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-warning .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-warning .bar-button-bglabel-md,
.toolbar-md-warning .bar-button-clear-md-bglabel,
.toolbar-md-warning .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-warning .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-warning .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-warning .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-warning .bar-button-primary-light-md,
.toolbar-md-warning .bar-button-clear-md-primary-light,
.toolbar-md-warning .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-warning .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-warning .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-warning .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-warning .bar-button-bgicon-md,
.toolbar-md-warning .bar-button-clear-md-bgicon,
.toolbar-md-warning .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-warning .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-warning .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-warning .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-warning .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-warning .bar-button-primary-text-md,
.toolbar-md-warning .bar-button-clear-md-primary-text,
.toolbar-md-warning .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-warning .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-warning .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-warning .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-warning .bar-button-white-md,
.toolbar-md-warning .bar-button-clear-md-white,
.toolbar-md-warning .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-warning .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-warning .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-warning .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-warning .bar-button-success-md,
.toolbar-md-warning .bar-button-clear-md-success,
.toolbar-md-warning .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-warning .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-warning .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-warning .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-warning .bar-button-info-md,
.toolbar-md-warning .bar-button-clear-md-info,
.toolbar-md-warning .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-warning .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-warning .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-warning .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-warning .bar-button-warning-md,
.toolbar-md-warning .bar-button-clear-md-warning,
.toolbar-md-warning .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-warning .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-warning .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-warning .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-warning .bar-button-danger-md,
.toolbar-md-warning .bar-button-clear-md-danger,
.toolbar-md-warning .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-warning .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-warning .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-warning .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-warning .bar-button-tam-md,
.toolbar-md-warning .bar-button-clear-md-tam,
.toolbar-md-warning .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-warning .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-warning .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-warning .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-warning .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-warning .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-warning-md,
.bar-button-clear-md-warning,
.bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.bar-button-warning-md:hover:not(.disable-hover),
.bar-button-clear-md-warning:hover:not(.disable-hover),
.bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-danger .toolbar-background-md {
  background: #F0624D;
}

.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: #F68A22;
  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: #F68A22;
}

.toolbar-md-danger .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  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: #e27f1f;
}

.toolbar-md-danger .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-danger .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-danger .bar-button-secondary-md,
.toolbar-md-danger .bar-button-clear-md-secondary,
.toolbar-md-danger .bar-button-md-secondary {
  color: #63BEFB;
  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: #63BEFB;
}

.toolbar-md-danger .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  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: #5bafe7;
}

.toolbar-md-danger .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-danger .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-danger .bar-button-danger-low-md,
.toolbar-md-danger .bar-button-clear-md-danger-low,
.toolbar-md-danger .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-danger .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-danger .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-danger .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-danger .bar-button-light-md,
.toolbar-md-danger .bar-button-clear-md-light,
.toolbar-md-danger .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-danger .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-danger .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-danger .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-danger .bar-button-dark-md,
.toolbar-md-danger .bar-button-clear-md-dark,
.toolbar-md-danger .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-danger .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-danger .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-danger .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-danger .bar-button-favorite-md,
.toolbar-md-danger .bar-button-clear-md-favorite,
.toolbar-md-danger .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-danger .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-danger .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-danger .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-danger .bar-button-darkgrey-md,
.toolbar-md-danger .bar-button-clear-md-darkgrey,
.toolbar-md-danger .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-danger .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-danger .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-danger .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-danger .bar-button-emerald-md,
.toolbar-md-danger .bar-button-clear-md-emerald,
.toolbar-md-danger .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-danger .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-danger .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-danger .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-danger .bar-button-concrete-md,
.toolbar-md-danger .bar-button-clear-md-concrete,
.toolbar-md-danger .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-danger .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-danger .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-danger .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-danger .bar-button-yellow-md,
.toolbar-md-danger .bar-button-clear-md-yellow,
.toolbar-md-danger .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-danger .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-danger .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-danger .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-danger .bar-button-black-md,
.toolbar-md-danger .bar-button-clear-md-black,
.toolbar-md-danger .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-danger .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-danger .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-danger .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-danger .bar-button-grey-md,
.toolbar-md-danger .bar-button-clear-md-grey,
.toolbar-md-danger .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-danger .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-danger .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-danger .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-danger .bar-button-red-md,
.toolbar-md-danger .bar-button-clear-md-red,
.toolbar-md-danger .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-danger .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-danger .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-danger .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-danger .bar-button-notif-md,
.toolbar-md-danger .bar-button-clear-md-notif,
.toolbar-md-danger .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-danger .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-danger .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-danger .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-danger .bar-button-new-badge-md,
.toolbar-md-danger .bar-button-clear-md-new-badge,
.toolbar-md-danger .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-danger .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-danger .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-danger .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-danger .bar-button-accent-md,
.toolbar-md-danger .bar-button-clear-md-accent,
.toolbar-md-danger .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-danger .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-danger .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-danger .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-danger .bar-button-skeleton-md,
.toolbar-md-danger .bar-button-clear-md-skeleton,
.toolbar-md-danger .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-danger .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-danger .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-danger .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-danger .bar-button-outline-md,
.toolbar-md-danger .bar-button-clear-md-outline,
.toolbar-md-danger .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-danger .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-danger .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-danger .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-danger .bar-button-secondary-text-md,
.toolbar-md-danger .bar-button-clear-md-secondary-text,
.toolbar-md-danger .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-danger .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-danger .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-danger .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-danger .bar-button-text-md,
.toolbar-md-danger .bar-button-clear-md-text,
.toolbar-md-danger .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-danger .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-danger .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-danger .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-danger .bar-button-label-md,
.toolbar-md-danger .bar-button-clear-md-label,
.toolbar-md-danger .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-danger .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-danger .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-danger .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-danger .bar-button-hover-md,
.toolbar-md-danger .bar-button-clear-md-hover,
.toolbar-md-danger .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-danger .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-danger .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-danger .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-danger .bar-button-hover-dark-md,
.toolbar-md-danger .bar-button-clear-md-hover-dark,
.toolbar-md-danger .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-danger .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-danger .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-danger .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-danger .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-danger .bar-button-bgcard-md,
.toolbar-md-danger .bar-button-clear-md-bgcard,
.toolbar-md-danger .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-danger .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-danger .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-danger .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-danger .bar-button-bgcard2-md,
.toolbar-md-danger .bar-button-clear-md-bgcard2,
.toolbar-md-danger .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-danger .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-danger .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-danger .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-danger .bar-button-bglabel-md,
.toolbar-md-danger .bar-button-clear-md-bglabel,
.toolbar-md-danger .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-danger .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-danger .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-danger .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-danger .bar-button-primary-light-md,
.toolbar-md-danger .bar-button-clear-md-primary-light,
.toolbar-md-danger .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-danger .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-danger .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-danger .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-danger .bar-button-bgicon-md,
.toolbar-md-danger .bar-button-clear-md-bgicon,
.toolbar-md-danger .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-danger .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-danger .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-danger .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-danger .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-danger .bar-button-primary-text-md,
.toolbar-md-danger .bar-button-clear-md-primary-text,
.toolbar-md-danger .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-danger .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-danger .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-danger .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-danger .bar-button-white-md,
.toolbar-md-danger .bar-button-clear-md-white,
.toolbar-md-danger .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-danger .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-danger .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-danger .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-danger .bar-button-success-md,
.toolbar-md-danger .bar-button-clear-md-success,
.toolbar-md-danger .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-danger .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-danger .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-danger .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-danger .bar-button-info-md,
.toolbar-md-danger .bar-button-clear-md-info,
.toolbar-md-danger .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-danger .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-danger .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-danger .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-danger .bar-button-warning-md,
.toolbar-md-danger .bar-button-clear-md-warning,
.toolbar-md-danger .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-danger .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-danger .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-danger .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-danger .bar-button-danger-md,
.toolbar-md-danger .bar-button-clear-md-danger,
.toolbar-md-danger .bar-button-md-danger {
  color: #F0624D;
  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: #F0624D;
}

.toolbar-md-danger .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  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: #dd5a47;
}

.toolbar-md-danger .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-danger .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-danger .bar-button-tam-md,
.toolbar-md-danger .bar-button-clear-md-tam,
.toolbar-md-danger .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-danger .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-danger .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-danger .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-danger-md,
.bar-button-clear-md-danger,
.bar-button-md-danger {
  color: #F0624D;
  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: #F0624D;
}

.bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-tam .toolbar-background-md {
  background: #CC0400;
}

.toolbar-md-tam .bar-button-clear-md,
.toolbar-md-tam .bar-button-default-md,
.toolbar-md-tam .bar-button-outline-md,
.toolbar-md-tam .toolbar-title-md {
  color: #fff;
}

.toolbar-md-tam .bar-button-clear-md .button-effect,
.toolbar-md-tam .bar-button-default-md .button-effect,
.toolbar-md-tam .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-tam .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-tam .bar-button-primary-md,
.toolbar-md-tam .bar-button-clear-md-primary,
.toolbar-md-tam .bar-button-md-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-md-tam .bar-button-outline-md-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-primary .button-effect {
  background-color: #e27f1f;
}

.toolbar-md-tam .bar-button-solid-md-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-md-tam .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-md-tam .bar-button-secondary-md,
.toolbar-md-tam .bar-button-clear-md-secondary,
.toolbar-md-tam .bar-button-md-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-tam .bar-button-outline-md-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-secondary .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-tam .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-tam .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-tam .bar-button-danger-low-md,
.toolbar-md-tam .bar-button-clear-md-danger-low,
.toolbar-md-tam .bar-button-md-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-danger-low-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-danger-low:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-md-tam .bar-button-outline-md-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-danger-low.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-danger-low .button-effect {
  background-color: #e76b56;
}

.toolbar-md-tam .bar-button-solid-md-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-md-tam .bar-button-solid-md-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-md-tam .bar-button-light-md,
.toolbar-md-tam .bar-button-clear-md-light,
.toolbar-md-tam .bar-button-md-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-md-tam .bar-button-outline-md-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-light .button-effect {
  background-color: #e0e0e0;
}

.toolbar-md-tam .bar-button-solid-md-light {
  color: #424242;
  background-color: #f4f4f4;
}

.toolbar-md-tam .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #e0e0e0;
}

.toolbar-md-tam .bar-button-dark-md,
.toolbar-md-tam .bar-button-clear-md-dark,
.toolbar-md-tam .bar-button-md-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-dark-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-dark:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-md-tam .bar-button-outline-md-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-dark.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-dark .button-effect {
  background-color: #343434;
}

.toolbar-md-tam .bar-button-solid-md-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-md-tam .bar-button-solid-md-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-md-tam .bar-button-favorite-md,
.toolbar-md-tam .bar-button-clear-md-favorite,
.toolbar-md-tam .bar-button-md-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-favorite-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-favorite:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-md-tam .bar-button-outline-md-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-favorite.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-favorite .button-effect {
  background-color: #49ba58;
}

.toolbar-md-tam .bar-button-solid-md-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-md-tam .bar-button-solid-md-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-md-tam .bar-button-darkgrey-md,
.toolbar-md-tam .bar-button-clear-md-darkgrey,
.toolbar-md-tam .bar-button-md-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-darkgrey-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-darkgrey:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-md-tam .bar-button-outline-md-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-darkgrey.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-darkgrey .button-effect {
  background-color: #838487;
}

.toolbar-md-tam .bar-button-solid-md-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-md-tam .bar-button-solid-md-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-md-tam .bar-button-emerald-md,
.toolbar-md-tam .bar-button-clear-md-emerald,
.toolbar-md-tam .bar-button-md-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-emerald-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-emerald:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-md-tam .bar-button-outline-md-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-emerald.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-emerald .button-effect {
  background-color: #308cc9;
}

.toolbar-md-tam .bar-button-solid-md-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-md-tam .bar-button-solid-md-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-md-tam .bar-button-concrete-md,
.toolbar-md-tam .bar-button-clear-md-concrete,
.toolbar-md-tam .bar-button-md-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-concrete-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-concrete:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-md-tam .bar-button-outline-md-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-concrete.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-concrete .button-effect {
  background-color: #aeb3b7;
}

.toolbar-md-tam .bar-button-solid-md-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-md-tam .bar-button-solid-md-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-md-tam .bar-button-yellow-md,
.toolbar-md-tam .bar-button-clear-md-yellow,
.toolbar-md-tam .bar-button-md-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-yellow-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-yellow:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-md-tam .bar-button-outline-md-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-yellow.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-yellow .button-effect {
  background-color: #ffff14;
}

.toolbar-md-tam .bar-button-solid-md-yellow {
  color: #424242;
  background-color: #ffff00;
}

.toolbar-md-tam .bar-button-solid-md-yellow.activated {
  color: #424242;
  background-color: #ffff14;
}

.toolbar-md-tam .bar-button-black-md,
.toolbar-md-tam .bar-button-clear-md-black,
.toolbar-md-tam .bar-button-md-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-black-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-black:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-md-tam .bar-button-outline-md-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-black.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-black .button-effect {
  background-color: #141414;
}

.toolbar-md-tam .bar-button-solid-md-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-md-tam .bar-button-solid-md-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-md-tam .bar-button-grey-md,
.toolbar-md-tam .bar-button-clear-md-grey,
.toolbar-md-tam .bar-button-md-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-grey-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-grey:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-md-tam .bar-button-outline-md-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-grey.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-grey .button-effect {
  background-color: #767676;
}

.toolbar-md-tam .bar-button-solid-md-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-md-tam .bar-button-solid-md-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-md-tam .bar-button-red-md,
.toolbar-md-tam .bar-button-clear-md-red,
.toolbar-md-tam .bar-button-md-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-red-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-red:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-md-tam .bar-button-outline-md-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-red.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-red .button-effect {
  background-color: #da434f;
}

.toolbar-md-tam .bar-button-solid-md-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-md-tam .bar-button-solid-md-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-md-tam .bar-button-notif-md,
.toolbar-md-tam .bar-button-clear-md-notif,
.toolbar-md-tam .bar-button-md-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-notif-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-notif:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-md-tam .bar-button-outline-md-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-notif.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-notif .button-effect {
  background-color: #2ae2c9;
}

.toolbar-md-tam .bar-button-solid-md-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-md-tam .bar-button-solid-md-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-md-tam .bar-button-new-badge-md,
.toolbar-md-tam .bar-button-clear-md-new-badge,
.toolbar-md-tam .bar-button-md-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-new-badge-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-new-badge:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-tam .bar-button-outline-md-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-new-badge.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-new-badge .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-tam .bar-button-solid-md-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-tam .bar-button-solid-md-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-tam .bar-button-accent-md,
.toolbar-md-tam .bar-button-clear-md-accent,
.toolbar-md-tam .bar-button-md-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-accent-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-accent:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-md-tam .bar-button-outline-md-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-accent.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-accent .button-effect {
  background-color: #5bafe7;
}

.toolbar-md-tam .bar-button-solid-md-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-md-tam .bar-button-solid-md-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-md-tam .bar-button-skeleton-md,
.toolbar-md-tam .bar-button-clear-md-skeleton,
.toolbar-md-tam .bar-button-md-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-skeleton-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-skeleton:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-md-tam .bar-button-outline-md-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-skeleton.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-skeleton .button-effect {
  background-color: #cbcbcb;
}

.toolbar-md-tam .bar-button-solid-md-skeleton {
  color: #424242;
  background-color: #dddddd;
}

.toolbar-md-tam .bar-button-solid-md-skeleton.activated {
  color: #424242;
  background-color: #cbcbcb;
}

.toolbar-md-tam .bar-button-outline-md,
.toolbar-md-tam .bar-button-clear-md-outline,
.toolbar-md-tam .bar-button-md-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-outline:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-md-tam .bar-button-outline-md-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-outline.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-outline .button-effect {
  background-color: #c9c9cf;
}

.toolbar-md-tam .bar-button-solid-md-outline {
  color: #424242;
  background-color: #dbdbe1;
}

.toolbar-md-tam .bar-button-solid-md-outline.activated {
  color: #424242;
  background-color: #c9c9cf;
}

.toolbar-md-tam .bar-button-secondary-text-md,
.toolbar-md-tam .bar-button-clear-md-secondary-text,
.toolbar-md-tam .bar-button-md-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-secondary-text-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-secondary-text:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-md-tam .bar-button-outline-md-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-secondary-text.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-secondary-text .button-effect {
  background-color: #98a2a8;
}

.toolbar-md-tam .bar-button-solid-md-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-md-tam .bar-button-solid-md-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-md-tam .bar-button-text-md,
.toolbar-md-tam .bar-button-clear-md-text,
.toolbar-md-tam .bar-button-md-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-text-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-text:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-md-tam .bar-button-outline-md-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-text.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-text .button-effect {
  background-color: #2b3639;
}

.toolbar-md-tam .bar-button-solid-md-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-md-tam .bar-button-solid-md-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-md-tam .bar-button-label-md,
.toolbar-md-tam .bar-button-clear-md-label,
.toolbar-md-tam .bar-button-md-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-label-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-label:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-md-tam .bar-button-outline-md-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-label.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-label .button-effect {
  background-color: #434343;
}

.toolbar-md-tam .bar-button-solid-md-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-md-tam .bar-button-solid-md-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-md-tam .bar-button-hover-md,
.toolbar-md-tam .bar-button-clear-md-hover,
.toolbar-md-tam .bar-button-md-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-hover-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-hover:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-md-tam .bar-button-outline-md-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-hover.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-hover .button-effect {
  background-color: #dcdfe0;
}

.toolbar-md-tam .bar-button-solid-md-hover {
  color: #424242;
  background-color: #eff2f4;
}

.toolbar-md-tam .bar-button-solid-md-hover.activated {
  color: #424242;
  background-color: #dcdfe0;
}

.toolbar-md-tam .bar-button-hover-dark-md,
.toolbar-md-tam .bar-button-clear-md-hover-dark,
.toolbar-md-tam .bar-button-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-md-tam .bar-button-hover-dark-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-hover-dark:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-tam .bar-button-outline-md-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-hover-dark.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-hover-dark .button-effect {
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-tam .bar-button-solid-md-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-md-tam .bar-button-solid-md-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-md-tam .bar-button-bgcard-md,
.toolbar-md-tam .bar-button-clear-md-bgcard,
.toolbar-md-tam .bar-button-md-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-bgcard-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-bgcard:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-md-tam .bar-button-outline-md-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-bgcard.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-bgcard .button-effect {
  background-color: #dee1e4;
}

.toolbar-md-tam .bar-button-solid-md-bgcard {
  color: #424242;
  background-color: #f2f5f8;
}

.toolbar-md-tam .bar-button-solid-md-bgcard.activated {
  color: #424242;
  background-color: #dee1e4;
}

.toolbar-md-tam .bar-button-bgcard2-md,
.toolbar-md-tam .bar-button-clear-md-bgcard2,
.toolbar-md-tam .bar-button-md-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-bgcard2-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-bgcard2:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-md-tam .bar-button-outline-md-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-bgcard2.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-bgcard2 .button-effect {
  background-color: #e8e8e8;
}

.toolbar-md-tam .bar-button-solid-md-bgcard2 {
  color: #424242;
  background-color: #fcfcfc;
}

.toolbar-md-tam .bar-button-solid-md-bgcard2.activated {
  color: #424242;
  background-color: #e8e8e8;
}

.toolbar-md-tam .bar-button-bglabel-md,
.toolbar-md-tam .bar-button-clear-md-bglabel,
.toolbar-md-tam .bar-button-md-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-bglabel-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-bglabel:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-md-tam .bar-button-outline-md-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-bglabel.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-bglabel .button-effect {
  background-color: #d0d6da;
}

.toolbar-md-tam .bar-button-solid-md-bglabel {
  color: #424242;
  background-color: #E2E9ED;
}

.toolbar-md-tam .bar-button-solid-md-bglabel.activated {
  color: #424242;
  background-color: #d0d6da;
}

.toolbar-md-tam .bar-button-primary-light-md,
.toolbar-md-tam .bar-button-clear-md-primary-light,
.toolbar-md-tam .bar-button-md-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-primary-light-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-primary-light:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-md-tam .bar-button-outline-md-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-primary-light.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-primary-light .button-effect {
  background-color: #1cb8c3;
}

.toolbar-md-tam .bar-button-solid-md-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-md-tam .bar-button-solid-md-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-md-tam .bar-button-bgicon-md,
.toolbar-md-tam .bar-button-clear-md-bgicon,
.toolbar-md-tam .bar-button-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-md-tam .bar-button-bgicon-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-bgicon:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-tam .bar-button-outline-md-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-bgicon.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-bgicon .button-effect {
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-tam .bar-button-solid-md-bgicon {
  color: #424242;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-md-tam .bar-button-solid-md-bgicon.activated {
  color: #424242;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-md-tam .bar-button-primary-text-md,
.toolbar-md-tam .bar-button-clear-md-primary-text,
.toolbar-md-tam .bar-button-md-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-primary-text-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-primary-text:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-md-tam .bar-button-outline-md-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-primary-text.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-primary-text .button-effect {
  background-color: #2aa5b4;
}

.toolbar-md-tam .bar-button-solid-md-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-md-tam .bar-button-solid-md-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-md-tam .bar-button-white-md,
.toolbar-md-tam .bar-button-clear-md-white,
.toolbar-md-tam .bar-button-md-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-white-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-white:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-md-tam .bar-button-outline-md-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-white.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-white .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-tam .bar-button-solid-md-white {
  color: #424242;
  background-color: #FFFFFF;
}

.toolbar-md-tam .bar-button-solid-md-white.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-tam .bar-button-success-md,
.toolbar-md-tam .bar-button-clear-md-success,
.toolbar-md-tam .bar-button-md-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-success-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-success:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-md-tam .bar-button-outline-md-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-success.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-success .button-effect {
  background-color: #3cb95b;
}

.toolbar-md-tam .bar-button-solid-md-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-md-tam .bar-button-solid-md-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-md-tam .bar-button-info-md,
.toolbar-md-tam .bar-button-clear-md-info,
.toolbar-md-tam .bar-button-md-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-info-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-info:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-md-tam .bar-button-outline-md-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-info.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-info .button-effect {
  background-color: #186ad5;
}

.toolbar-md-tam .bar-button-solid-md-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-md-tam .bar-button-solid-md-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-md-tam .bar-button-warning-md,
.toolbar-md-tam .bar-button-clear-md-warning,
.toolbar-md-tam .bar-button-md-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-warning-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-warning:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-md-tam .bar-button-outline-md-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-warning.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-warning .button-effect {
  background-color: #ffb214;
}

.toolbar-md-tam .bar-button-solid-md-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-md-tam .bar-button-solid-md-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-md-tam .bar-button-danger-md,
.toolbar-md-tam .bar-button-clear-md-danger,
.toolbar-md-tam .bar-button-md-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-md-tam .bar-button-outline-md-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-danger .button-effect {
  background-color: #dd5a47;
}

.toolbar-md-tam .bar-button-solid-md-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-md-tam .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-md-tam .bar-button-tam-md,
.toolbar-md-tam .bar-button-clear-md-tam,
.toolbar-md-tam .bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-tam-md:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-clear-md-tam:hover:not(.disable-hover),
.toolbar-md-tam .bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-md-tam .bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.toolbar-md-tam .bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.toolbar-md-tam .bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-md-tam .bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-tam-md,
.bar-button-clear-md-tam,
.bar-button-md-tam {
  color: #CC0400;
  background-color: transparent;
}

.bar-button-tam-md:hover:not(.disable-hover),
.bar-button-clear-md-tam:hover:not(.disable-hover),
.bar-button-md-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.bar-button-outline-md-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.bar-button-outline-md-tam.activated {
  background-color: transparent;
}

.bar-button-outline-md-tam .button-effect {
  background-color: #d01814;
}

.bar-button-solid-md-tam {
  color: #fff;
  background-color: #CC0400;
}

.bar-button-solid-md-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.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: #F68A22;
}

.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: #F68A22;
  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: #F68A22;
}

.toolbar-wp-primary .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-primary .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-primary .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-primary .bar-button-secondary-wp,
.toolbar-wp-primary .bar-button-clear-wp-secondary,
.toolbar-wp-primary .bar-button-wp-secondary {
  color: #63BEFB;
  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: #63BEFB;
}

.toolbar-wp-primary .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-primary .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary .bar-button-danger-low-wp,
.toolbar-wp-primary .bar-button-clear-wp-danger-low,
.toolbar-wp-primary .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-primary .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-primary .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-primary .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-primary .bar-button-light-wp,
.toolbar-wp-primary .bar-button-clear-wp-light,
.toolbar-wp-primary .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-primary .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-primary .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-primary .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-primary .bar-button-dark-wp,
.toolbar-wp-primary .bar-button-clear-wp-dark,
.toolbar-wp-primary .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-primary .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-primary .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-primary .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-primary .bar-button-favorite-wp,
.toolbar-wp-primary .bar-button-clear-wp-favorite,
.toolbar-wp-primary .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-primary .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-primary .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-primary .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-primary .bar-button-darkgrey-wp,
.toolbar-wp-primary .bar-button-clear-wp-darkgrey,
.toolbar-wp-primary .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-primary .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-primary .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-primary .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-primary .bar-button-emerald-wp,
.toolbar-wp-primary .bar-button-clear-wp-emerald,
.toolbar-wp-primary .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-primary .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-primary .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-primary .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-primary .bar-button-concrete-wp,
.toolbar-wp-primary .bar-button-clear-wp-concrete,
.toolbar-wp-primary .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-primary .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-primary .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-primary .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-primary .bar-button-yellow-wp,
.toolbar-wp-primary .bar-button-clear-wp-yellow,
.toolbar-wp-primary .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-primary .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-primary .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-primary .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-primary .bar-button-black-wp,
.toolbar-wp-primary .bar-button-clear-wp-black,
.toolbar-wp-primary .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-primary .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-primary .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary .bar-button-grey-wp,
.toolbar-wp-primary .bar-button-clear-wp-grey,
.toolbar-wp-primary .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-primary .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-primary .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-primary .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-primary .bar-button-red-wp,
.toolbar-wp-primary .bar-button-clear-wp-red,
.toolbar-wp-primary .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-primary .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-primary .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-primary .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-primary .bar-button-notif-wp,
.toolbar-wp-primary .bar-button-clear-wp-notif,
.toolbar-wp-primary .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-primary .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-primary .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-primary .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-primary .bar-button-new-badge-wp,
.toolbar-wp-primary .bar-button-clear-wp-new-badge,
.toolbar-wp-primary .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-primary .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-primary .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary .bar-button-accent-wp,
.toolbar-wp-primary .bar-button-clear-wp-accent,
.toolbar-wp-primary .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-primary .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-primary .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary .bar-button-skeleton-wp,
.toolbar-wp-primary .bar-button-clear-wp-skeleton,
.toolbar-wp-primary .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-primary .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-primary .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-primary .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-primary .bar-button-outline-wp,
.toolbar-wp-primary .bar-button-clear-wp-outline,
.toolbar-wp-primary .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-primary .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-primary .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-primary .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-primary .bar-button-secondary-text-wp,
.toolbar-wp-primary .bar-button-clear-wp-secondary-text,
.toolbar-wp-primary .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-primary .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-primary .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-primary .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-primary .bar-button-text-wp,
.toolbar-wp-primary .bar-button-clear-wp-text,
.toolbar-wp-primary .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-primary .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-primary .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-primary .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-primary .bar-button-label-wp,
.toolbar-wp-primary .bar-button-clear-wp-label,
.toolbar-wp-primary .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-primary .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-primary .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-primary .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-primary .bar-button-hover-wp,
.toolbar-wp-primary .bar-button-clear-wp-hover,
.toolbar-wp-primary .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-primary .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-primary .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-primary .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-primary .bar-button-hover-dark-wp,
.toolbar-wp-primary .bar-button-clear-wp-hover-dark,
.toolbar-wp-primary .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-primary .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-primary .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-primary .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-primary .bar-button-bgcard-wp,
.toolbar-wp-primary .bar-button-clear-wp-bgcard,
.toolbar-wp-primary .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-primary .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-primary .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-primary .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-primary .bar-button-bgcard2-wp,
.toolbar-wp-primary .bar-button-clear-wp-bgcard2,
.toolbar-wp-primary .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-primary .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-primary .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-primary .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-primary .bar-button-bglabel-wp,
.toolbar-wp-primary .bar-button-clear-wp-bglabel,
.toolbar-wp-primary .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-primary .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-primary .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-primary .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-primary .bar-button-primary-light-wp,
.toolbar-wp-primary .bar-button-clear-wp-primary-light,
.toolbar-wp-primary .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-primary .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-primary .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-primary .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-primary .bar-button-bgicon-wp,
.toolbar-wp-primary .bar-button-clear-wp-bgicon,
.toolbar-wp-primary .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-primary .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-primary .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-primary .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-primary .bar-button-primary-text-wp,
.toolbar-wp-primary .bar-button-clear-wp-primary-text,
.toolbar-wp-primary .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-primary .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-primary .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-primary .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-primary .bar-button-white-wp,
.toolbar-wp-primary .bar-button-clear-wp-white,
.toolbar-wp-primary .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-primary .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-primary .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary .bar-button-success-wp,
.toolbar-wp-primary .bar-button-clear-wp-success,
.toolbar-wp-primary .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-primary .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-primary .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-primary .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-primary .bar-button-info-wp,
.toolbar-wp-primary .bar-button-clear-wp-info,
.toolbar-wp-primary .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-primary .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-primary .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-primary .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-primary .bar-button-warning-wp,
.toolbar-wp-primary .bar-button-clear-wp-warning,
.toolbar-wp-primary .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-primary .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-primary .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-primary .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-primary .bar-button-danger-wp,
.toolbar-wp-primary .bar-button-clear-wp-danger,
.toolbar-wp-primary .bar-button-wp-danger {
  color: #F0624D;
  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: #F0624D;
}

.toolbar-wp-primary .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-primary .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-primary .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-primary .bar-button-tam-wp,
.toolbar-wp-primary .bar-button-clear-wp-tam,
.toolbar-wp-primary .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-primary .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-primary .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-primary .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-primary-wp,
.bar-button-clear-wp-primary,
.bar-button-wp-primary {
  color: #F68A22;
  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: #F68A22;
}

.bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-secondary .toolbar-background-wp {
  background: #63BEFB;
}

.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: #F68A22;
  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: #F68A22;
}

.toolbar-wp-secondary .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-secondary .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-secondary .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-secondary .bar-button-secondary-wp,
.toolbar-wp-secondary .bar-button-clear-wp-secondary,
.toolbar-wp-secondary .bar-button-wp-secondary {
  color: #63BEFB;
  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: #63BEFB;
}

.toolbar-wp-secondary .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-secondary .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary .bar-button-danger-low-wp,
.toolbar-wp-secondary .bar-button-clear-wp-danger-low,
.toolbar-wp-secondary .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-secondary .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-secondary .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-secondary .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-secondary .bar-button-light-wp,
.toolbar-wp-secondary .bar-button-clear-wp-light,
.toolbar-wp-secondary .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-secondary .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-secondary .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-secondary .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-secondary .bar-button-dark-wp,
.toolbar-wp-secondary .bar-button-clear-wp-dark,
.toolbar-wp-secondary .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-secondary .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-secondary .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-secondary .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-secondary .bar-button-favorite-wp,
.toolbar-wp-secondary .bar-button-clear-wp-favorite,
.toolbar-wp-secondary .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-secondary .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-secondary .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-secondary .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-secondary .bar-button-darkgrey-wp,
.toolbar-wp-secondary .bar-button-clear-wp-darkgrey,
.toolbar-wp-secondary .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-secondary .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-secondary .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-secondary .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-secondary .bar-button-emerald-wp,
.toolbar-wp-secondary .bar-button-clear-wp-emerald,
.toolbar-wp-secondary .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-secondary .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-secondary .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-secondary .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-secondary .bar-button-concrete-wp,
.toolbar-wp-secondary .bar-button-clear-wp-concrete,
.toolbar-wp-secondary .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-secondary .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-secondary .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-secondary .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-secondary .bar-button-yellow-wp,
.toolbar-wp-secondary .bar-button-clear-wp-yellow,
.toolbar-wp-secondary .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-secondary .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-secondary .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-secondary .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-secondary .bar-button-black-wp,
.toolbar-wp-secondary .bar-button-clear-wp-black,
.toolbar-wp-secondary .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-secondary .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-secondary .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-secondary .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-secondary .bar-button-grey-wp,
.toolbar-wp-secondary .bar-button-clear-wp-grey,
.toolbar-wp-secondary .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-secondary .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-secondary .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-secondary .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-secondary .bar-button-red-wp,
.toolbar-wp-secondary .bar-button-clear-wp-red,
.toolbar-wp-secondary .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-secondary .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-secondary .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-secondary .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-secondary .bar-button-notif-wp,
.toolbar-wp-secondary .bar-button-clear-wp-notif,
.toolbar-wp-secondary .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-secondary .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-secondary .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-secondary .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-secondary .bar-button-new-badge-wp,
.toolbar-wp-secondary .bar-button-clear-wp-new-badge,
.toolbar-wp-secondary .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-secondary .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-secondary .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary .bar-button-accent-wp,
.toolbar-wp-secondary .bar-button-clear-wp-accent,
.toolbar-wp-secondary .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-secondary .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-secondary .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary .bar-button-skeleton-wp,
.toolbar-wp-secondary .bar-button-clear-wp-skeleton,
.toolbar-wp-secondary .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-secondary .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-secondary .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-secondary .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-secondary .bar-button-outline-wp,
.toolbar-wp-secondary .bar-button-clear-wp-outline,
.toolbar-wp-secondary .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-secondary .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-secondary .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-secondary .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-secondary .bar-button-secondary-text-wp,
.toolbar-wp-secondary .bar-button-clear-wp-secondary-text,
.toolbar-wp-secondary .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-secondary .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-secondary .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-secondary .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-secondary .bar-button-text-wp,
.toolbar-wp-secondary .bar-button-clear-wp-text,
.toolbar-wp-secondary .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-secondary .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-secondary .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-secondary .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-secondary .bar-button-label-wp,
.toolbar-wp-secondary .bar-button-clear-wp-label,
.toolbar-wp-secondary .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-secondary .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-secondary .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-secondary .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-secondary .bar-button-hover-wp,
.toolbar-wp-secondary .bar-button-clear-wp-hover,
.toolbar-wp-secondary .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-secondary .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-secondary .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-secondary .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-secondary .bar-button-hover-dark-wp,
.toolbar-wp-secondary .bar-button-clear-wp-hover-dark,
.toolbar-wp-secondary .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-secondary .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-secondary .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-secondary .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-secondary .bar-button-bgcard-wp,
.toolbar-wp-secondary .bar-button-clear-wp-bgcard,
.toolbar-wp-secondary .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-secondary .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-secondary .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-secondary .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-secondary .bar-button-bgcard2-wp,
.toolbar-wp-secondary .bar-button-clear-wp-bgcard2,
.toolbar-wp-secondary .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-secondary .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-secondary .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-secondary .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-secondary .bar-button-bglabel-wp,
.toolbar-wp-secondary .bar-button-clear-wp-bglabel,
.toolbar-wp-secondary .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-secondary .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-secondary .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-secondary .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-secondary .bar-button-primary-light-wp,
.toolbar-wp-secondary .bar-button-clear-wp-primary-light,
.toolbar-wp-secondary .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-secondary .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-secondary .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-secondary .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-secondary .bar-button-bgicon-wp,
.toolbar-wp-secondary .bar-button-clear-wp-bgicon,
.toolbar-wp-secondary .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-secondary .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-secondary .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-secondary .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-secondary .bar-button-primary-text-wp,
.toolbar-wp-secondary .bar-button-clear-wp-primary-text,
.toolbar-wp-secondary .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-secondary .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-secondary .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-secondary .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-secondary .bar-button-white-wp,
.toolbar-wp-secondary .bar-button-clear-wp-white,
.toolbar-wp-secondary .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-secondary .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-secondary .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-secondary .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-secondary .bar-button-success-wp,
.toolbar-wp-secondary .bar-button-clear-wp-success,
.toolbar-wp-secondary .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-secondary .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-secondary .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-secondary .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-secondary .bar-button-info-wp,
.toolbar-wp-secondary .bar-button-clear-wp-info,
.toolbar-wp-secondary .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-secondary .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-secondary .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-secondary .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-secondary .bar-button-warning-wp,
.toolbar-wp-secondary .bar-button-clear-wp-warning,
.toolbar-wp-secondary .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-secondary .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-secondary .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-secondary .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-secondary .bar-button-danger-wp,
.toolbar-wp-secondary .bar-button-clear-wp-danger,
.toolbar-wp-secondary .bar-button-wp-danger {
  color: #F0624D;
  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: #F0624D;
}

.toolbar-wp-secondary .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-secondary .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-secondary .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-secondary .bar-button-tam-wp,
.toolbar-wp-secondary .bar-button-clear-wp-tam,
.toolbar-wp-secondary .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-secondary .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-secondary .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-secondary .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-secondary-wp,
.bar-button-clear-wp-secondary,
.bar-button-wp-secondary {
  color: #63BEFB;
  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: #63BEFB;
}

.bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger-low .toolbar-background-wp {
  background: #fb745e;
}

.toolbar-wp-danger-low .bar-button-clear-wp,
.toolbar-wp-danger-low .bar-button-default-wp,
.toolbar-wp-danger-low .bar-button-outline-wp,
.toolbar-wp-danger-low .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-danger-low .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-danger-low .bar-button-primary-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-primary,
.toolbar-wp-danger-low .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-danger-low .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-danger-low .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-danger-low .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-danger-low .bar-button-secondary-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-secondary,
.toolbar-wp-danger-low .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-danger-low .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger-low .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-danger-low .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger-low .bar-button-danger-low-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-danger-low,
.toolbar-wp-danger-low .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-danger-low .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-danger-low .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-danger-low .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-danger-low .bar-button-light-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-light,
.toolbar-wp-danger-low .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-danger-low .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-danger-low .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-danger-low .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-danger-low .bar-button-dark-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-dark,
.toolbar-wp-danger-low .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-danger-low .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-danger-low .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-danger-low .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-danger-low .bar-button-favorite-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-favorite,
.toolbar-wp-danger-low .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-danger-low .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-danger-low .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-danger-low .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-danger-low .bar-button-darkgrey-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-darkgrey,
.toolbar-wp-danger-low .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-danger-low .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-danger-low .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-danger-low .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-danger-low .bar-button-emerald-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-emerald,
.toolbar-wp-danger-low .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-danger-low .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-danger-low .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-danger-low .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-danger-low .bar-button-concrete-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-concrete,
.toolbar-wp-danger-low .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-danger-low .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-danger-low .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-danger-low .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-danger-low .bar-button-yellow-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-yellow,
.toolbar-wp-danger-low .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-danger-low .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-danger-low .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-danger-low .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-danger-low .bar-button-black-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-black,
.toolbar-wp-danger-low .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-danger-low .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-danger-low .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-danger-low .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-danger-low .bar-button-grey-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-grey,
.toolbar-wp-danger-low .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-danger-low .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-danger-low .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-danger-low .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-danger-low .bar-button-red-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-red,
.toolbar-wp-danger-low .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-danger-low .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-danger-low .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-danger-low .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-danger-low .bar-button-notif-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-notif,
.toolbar-wp-danger-low .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-danger-low .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-danger-low .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-danger-low .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-danger-low .bar-button-new-badge-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-new-badge,
.toolbar-wp-danger-low .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-danger-low .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger-low .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-danger-low .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger-low .bar-button-accent-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-accent,
.toolbar-wp-danger-low .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-danger-low .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger-low .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-danger-low .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger-low .bar-button-skeleton-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-skeleton,
.toolbar-wp-danger-low .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-danger-low .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-danger-low .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-danger-low .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-danger-low .bar-button-outline-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-outline,
.toolbar-wp-danger-low .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-danger-low .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-danger-low .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-danger-low .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-danger-low .bar-button-secondary-text-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-secondary-text,
.toolbar-wp-danger-low .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-danger-low .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-danger-low .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-danger-low .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-danger-low .bar-button-text-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-text,
.toolbar-wp-danger-low .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-danger-low .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-danger-low .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-danger-low .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-danger-low .bar-button-label-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-label,
.toolbar-wp-danger-low .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-danger-low .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-danger-low .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-danger-low .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-danger-low .bar-button-hover-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-hover,
.toolbar-wp-danger-low .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-danger-low .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-danger-low .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-danger-low .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-danger-low .bar-button-hover-dark-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-hover-dark,
.toolbar-wp-danger-low .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-danger-low .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-danger-low .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-danger-low .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-danger-low .bar-button-bgcard-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-bgcard,
.toolbar-wp-danger-low .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-danger-low .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-danger-low .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-danger-low .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-danger-low .bar-button-bgcard2-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-bgcard2,
.toolbar-wp-danger-low .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-danger-low .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-danger-low .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-danger-low .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-danger-low .bar-button-bglabel-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-bglabel,
.toolbar-wp-danger-low .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-danger-low .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-danger-low .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-danger-low .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-danger-low .bar-button-primary-light-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-primary-light,
.toolbar-wp-danger-low .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-danger-low .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-danger-low .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-danger-low .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-danger-low .bar-button-bgicon-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-bgicon,
.toolbar-wp-danger-low .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-danger-low .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-danger-low .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-danger-low .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-danger-low .bar-button-primary-text-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-primary-text,
.toolbar-wp-danger-low .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-danger-low .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-danger-low .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-danger-low .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-danger-low .bar-button-white-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-white,
.toolbar-wp-danger-low .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-danger-low .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-danger-low .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-danger-low .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-danger-low .bar-button-success-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-success,
.toolbar-wp-danger-low .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-danger-low .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-danger-low .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-danger-low .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-danger-low .bar-button-info-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-info,
.toolbar-wp-danger-low .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-danger-low .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-danger-low .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-danger-low .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-danger-low .bar-button-warning-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-warning,
.toolbar-wp-danger-low .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-danger-low .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-danger-low .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-danger-low .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-danger-low .bar-button-danger-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-danger,
.toolbar-wp-danger-low .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-danger-low .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-danger-low .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-danger-low .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-danger-low .bar-button-tam-wp,
.toolbar-wp-danger-low .bar-button-clear-wp-tam,
.toolbar-wp-danger-low .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-danger-low .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-danger-low .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-danger-low .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-danger-low .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-danger-low .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-danger-low-wp,
.bar-button-clear-wp-danger-low,
.bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.bar-button-danger-low-wp:hover:not(.disable-hover),
.bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-light .toolbar-background-wp {
  background: #f4f4f4;
}

.toolbar-wp-light .bar-button-clear-wp,
.toolbar-wp-light .bar-button-default-wp,
.toolbar-wp-light .bar-button-outline-wp,
.toolbar-wp-light .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-light .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-light .bar-button-primary-wp,
.toolbar-wp-light .bar-button-clear-wp-primary,
.toolbar-wp-light .bar-button-wp-primary {
  color: #F68A22;
  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: #F68A22;
}

.toolbar-wp-light .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-light .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-light .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-light .bar-button-secondary-wp,
.toolbar-wp-light .bar-button-clear-wp-secondary,
.toolbar-wp-light .bar-button-wp-secondary {
  color: #63BEFB;
  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: #63BEFB;
}

.toolbar-wp-light .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-light .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-light .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-light .bar-button-danger-low-wp,
.toolbar-wp-light .bar-button-clear-wp-danger-low,
.toolbar-wp-light .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-light .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-light .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-light .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-light .bar-button-light-wp,
.toolbar-wp-light .bar-button-clear-wp-light,
.toolbar-wp-light .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-light .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-light .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-light .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-light .bar-button-dark-wp,
.toolbar-wp-light .bar-button-clear-wp-dark,
.toolbar-wp-light .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-light .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-light .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-light .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-light .bar-button-favorite-wp,
.toolbar-wp-light .bar-button-clear-wp-favorite,
.toolbar-wp-light .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-light .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-light .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-light .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-light .bar-button-darkgrey-wp,
.toolbar-wp-light .bar-button-clear-wp-darkgrey,
.toolbar-wp-light .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-light .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-light .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-light .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-light .bar-button-emerald-wp,
.toolbar-wp-light .bar-button-clear-wp-emerald,
.toolbar-wp-light .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-light .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-light .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-light .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-light .bar-button-concrete-wp,
.toolbar-wp-light .bar-button-clear-wp-concrete,
.toolbar-wp-light .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-light .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-light .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-light .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-light .bar-button-yellow-wp,
.toolbar-wp-light .bar-button-clear-wp-yellow,
.toolbar-wp-light .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-light .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-light .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-light .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-light .bar-button-black-wp,
.toolbar-wp-light .bar-button-clear-wp-black,
.toolbar-wp-light .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-light .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-light .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-light .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-light .bar-button-grey-wp,
.toolbar-wp-light .bar-button-clear-wp-grey,
.toolbar-wp-light .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-light .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-light .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-light .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-light .bar-button-red-wp,
.toolbar-wp-light .bar-button-clear-wp-red,
.toolbar-wp-light .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-light .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-light .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-light .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-light .bar-button-notif-wp,
.toolbar-wp-light .bar-button-clear-wp-notif,
.toolbar-wp-light .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-light .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-light .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-light .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-light .bar-button-new-badge-wp,
.toolbar-wp-light .bar-button-clear-wp-new-badge,
.toolbar-wp-light .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-light .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-light .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-light .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-light .bar-button-accent-wp,
.toolbar-wp-light .bar-button-clear-wp-accent,
.toolbar-wp-light .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-light .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-light .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-light .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-light .bar-button-skeleton-wp,
.toolbar-wp-light .bar-button-clear-wp-skeleton,
.toolbar-wp-light .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-light .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-light .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-light .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-light .bar-button-outline-wp,
.toolbar-wp-light .bar-button-clear-wp-outline,
.toolbar-wp-light .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-light .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-light .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-light .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-light .bar-button-secondary-text-wp,
.toolbar-wp-light .bar-button-clear-wp-secondary-text,
.toolbar-wp-light .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-light .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-light .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-light .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-light .bar-button-text-wp,
.toolbar-wp-light .bar-button-clear-wp-text,
.toolbar-wp-light .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-light .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-light .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-light .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-light .bar-button-label-wp,
.toolbar-wp-light .bar-button-clear-wp-label,
.toolbar-wp-light .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-light .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-light .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-light .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-light .bar-button-hover-wp,
.toolbar-wp-light .bar-button-clear-wp-hover,
.toolbar-wp-light .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-light .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-light .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-light .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-light .bar-button-hover-dark-wp,
.toolbar-wp-light .bar-button-clear-wp-hover-dark,
.toolbar-wp-light .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-light .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-light .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-light .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-light .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-light .bar-button-bgcard-wp,
.toolbar-wp-light .bar-button-clear-wp-bgcard,
.toolbar-wp-light .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-light .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-light .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-light .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-light .bar-button-bgcard2-wp,
.toolbar-wp-light .bar-button-clear-wp-bgcard2,
.toolbar-wp-light .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-light .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-light .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-light .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-light .bar-button-bglabel-wp,
.toolbar-wp-light .bar-button-clear-wp-bglabel,
.toolbar-wp-light .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-light .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-light .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-light .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-light .bar-button-primary-light-wp,
.toolbar-wp-light .bar-button-clear-wp-primary-light,
.toolbar-wp-light .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-light .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-light .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-light .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-light .bar-button-bgicon-wp,
.toolbar-wp-light .bar-button-clear-wp-bgicon,
.toolbar-wp-light .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-light .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-light .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-light .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-light .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-light .bar-button-primary-text-wp,
.toolbar-wp-light .bar-button-clear-wp-primary-text,
.toolbar-wp-light .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-light .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-light .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-light .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-light .bar-button-white-wp,
.toolbar-wp-light .bar-button-clear-wp-white,
.toolbar-wp-light .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-light .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-light .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-light .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-light .bar-button-success-wp,
.toolbar-wp-light .bar-button-clear-wp-success,
.toolbar-wp-light .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-light .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-light .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-light .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-light .bar-button-info-wp,
.toolbar-wp-light .bar-button-clear-wp-info,
.toolbar-wp-light .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-light .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-light .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-light .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-light .bar-button-warning-wp,
.toolbar-wp-light .bar-button-clear-wp-warning,
.toolbar-wp-light .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-light .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-light .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-light .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-light .bar-button-danger-wp,
.toolbar-wp-light .bar-button-clear-wp-danger,
.toolbar-wp-light .bar-button-wp-danger {
  color: #F0624D;
  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: #F0624D;
}

.toolbar-wp-light .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-light .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-light .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-light .bar-button-tam-wp,
.toolbar-wp-light .bar-button-clear-wp-tam,
.toolbar-wp-light .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-light .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-light .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-light .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-light-wp,
.bar-button-clear-wp-light,
.bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.bar-button-light-wp:hover:not(.disable-hover),
.bar-button-clear-wp-light:hover:not(.disable-hover),
.bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-dark .toolbar-background-wp {
  background: #222;
}

.toolbar-wp-dark .bar-button-clear-wp,
.toolbar-wp-dark .bar-button-default-wp,
.toolbar-wp-dark .bar-button-outline-wp,
.toolbar-wp-dark .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-dark .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-dark .bar-button-primary-wp,
.toolbar-wp-dark .bar-button-clear-wp-primary,
.toolbar-wp-dark .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-dark .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-dark .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-dark .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-dark .bar-button-secondary-wp,
.toolbar-wp-dark .bar-button-clear-wp-secondary,
.toolbar-wp-dark .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-dark .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-dark .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-dark .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-dark .bar-button-danger-low-wp,
.toolbar-wp-dark .bar-button-clear-wp-danger-low,
.toolbar-wp-dark .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-dark .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-dark .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-dark .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-dark .bar-button-light-wp,
.toolbar-wp-dark .bar-button-clear-wp-light,
.toolbar-wp-dark .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-dark .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-dark .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-dark .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-dark .bar-button-dark-wp,
.toolbar-wp-dark .bar-button-clear-wp-dark,
.toolbar-wp-dark .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-dark .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-dark .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-dark .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-dark .bar-button-favorite-wp,
.toolbar-wp-dark .bar-button-clear-wp-favorite,
.toolbar-wp-dark .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-dark .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-dark .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-dark .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-dark .bar-button-darkgrey-wp,
.toolbar-wp-dark .bar-button-clear-wp-darkgrey,
.toolbar-wp-dark .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-dark .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-dark .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-dark .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-dark .bar-button-emerald-wp,
.toolbar-wp-dark .bar-button-clear-wp-emerald,
.toolbar-wp-dark .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-dark .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-dark .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-dark .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-dark .bar-button-concrete-wp,
.toolbar-wp-dark .bar-button-clear-wp-concrete,
.toolbar-wp-dark .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-dark .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-dark .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-dark .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-dark .bar-button-yellow-wp,
.toolbar-wp-dark .bar-button-clear-wp-yellow,
.toolbar-wp-dark .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-dark .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-dark .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-dark .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-dark .bar-button-black-wp,
.toolbar-wp-dark .bar-button-clear-wp-black,
.toolbar-wp-dark .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-dark .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-dark .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-dark .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-dark .bar-button-grey-wp,
.toolbar-wp-dark .bar-button-clear-wp-grey,
.toolbar-wp-dark .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-dark .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-dark .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-dark .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-dark .bar-button-red-wp,
.toolbar-wp-dark .bar-button-clear-wp-red,
.toolbar-wp-dark .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-dark .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-dark .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-dark .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-dark .bar-button-notif-wp,
.toolbar-wp-dark .bar-button-clear-wp-notif,
.toolbar-wp-dark .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-dark .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-dark .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-dark .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-dark .bar-button-new-badge-wp,
.toolbar-wp-dark .bar-button-clear-wp-new-badge,
.toolbar-wp-dark .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-dark .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-dark .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-dark .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-dark .bar-button-accent-wp,
.toolbar-wp-dark .bar-button-clear-wp-accent,
.toolbar-wp-dark .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-dark .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-dark .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-dark .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-dark .bar-button-skeleton-wp,
.toolbar-wp-dark .bar-button-clear-wp-skeleton,
.toolbar-wp-dark .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-dark .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-dark .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-dark .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-dark .bar-button-outline-wp,
.toolbar-wp-dark .bar-button-clear-wp-outline,
.toolbar-wp-dark .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-dark .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-dark .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-dark .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-dark .bar-button-secondary-text-wp,
.toolbar-wp-dark .bar-button-clear-wp-secondary-text,
.toolbar-wp-dark .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-dark .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-dark .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-dark .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-dark .bar-button-text-wp,
.toolbar-wp-dark .bar-button-clear-wp-text,
.toolbar-wp-dark .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-dark .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-dark .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-dark .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-dark .bar-button-label-wp,
.toolbar-wp-dark .bar-button-clear-wp-label,
.toolbar-wp-dark .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-dark .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-dark .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-dark .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-dark .bar-button-hover-wp,
.toolbar-wp-dark .bar-button-clear-wp-hover,
.toolbar-wp-dark .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-dark .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-dark .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-dark .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-dark .bar-button-hover-dark-wp,
.toolbar-wp-dark .bar-button-clear-wp-hover-dark,
.toolbar-wp-dark .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-dark .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-dark .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-dark .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-dark .bar-button-bgcard-wp,
.toolbar-wp-dark .bar-button-clear-wp-bgcard,
.toolbar-wp-dark .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-dark .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-dark .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-dark .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-dark .bar-button-bgcard2-wp,
.toolbar-wp-dark .bar-button-clear-wp-bgcard2,
.toolbar-wp-dark .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-dark .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-dark .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-dark .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-dark .bar-button-bglabel-wp,
.toolbar-wp-dark .bar-button-clear-wp-bglabel,
.toolbar-wp-dark .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-dark .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-dark .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-dark .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-dark .bar-button-primary-light-wp,
.toolbar-wp-dark .bar-button-clear-wp-primary-light,
.toolbar-wp-dark .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-dark .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-dark .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-dark .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-dark .bar-button-bgicon-wp,
.toolbar-wp-dark .bar-button-clear-wp-bgicon,
.toolbar-wp-dark .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-dark .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-dark .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-dark .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-dark .bar-button-primary-text-wp,
.toolbar-wp-dark .bar-button-clear-wp-primary-text,
.toolbar-wp-dark .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-dark .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-dark .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-dark .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-dark .bar-button-white-wp,
.toolbar-wp-dark .bar-button-clear-wp-white,
.toolbar-wp-dark .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-dark .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-dark .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-dark .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-dark .bar-button-success-wp,
.toolbar-wp-dark .bar-button-clear-wp-success,
.toolbar-wp-dark .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-dark .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-dark .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-dark .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-dark .bar-button-info-wp,
.toolbar-wp-dark .bar-button-clear-wp-info,
.toolbar-wp-dark .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-dark .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-dark .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-dark .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-dark .bar-button-warning-wp,
.toolbar-wp-dark .bar-button-clear-wp-warning,
.toolbar-wp-dark .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-dark .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-dark .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-dark .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-dark .bar-button-danger-wp,
.toolbar-wp-dark .bar-button-clear-wp-danger,
.toolbar-wp-dark .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-dark .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-dark .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-dark .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-dark .bar-button-tam-wp,
.toolbar-wp-dark .bar-button-clear-wp-tam,
.toolbar-wp-dark .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-dark .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-dark .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-dark .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-dark .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-dark .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-dark-wp,
.bar-button-clear-wp-dark,
.bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.bar-button-dark-wp:hover:not(.disable-hover),
.bar-button-clear-wp-dark:hover:not(.disable-hover),
.bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-favorite .toolbar-background-wp {
  background: #39B44A;
}

.toolbar-wp-favorite .bar-button-clear-wp,
.toolbar-wp-favorite .bar-button-default-wp,
.toolbar-wp-favorite .bar-button-outline-wp,
.toolbar-wp-favorite .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-favorite .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-favorite .bar-button-primary-wp,
.toolbar-wp-favorite .bar-button-clear-wp-primary,
.toolbar-wp-favorite .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-favorite .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-favorite .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-favorite .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-favorite .bar-button-secondary-wp,
.toolbar-wp-favorite .bar-button-clear-wp-secondary,
.toolbar-wp-favorite .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-favorite .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-favorite .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-favorite .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-favorite .bar-button-danger-low-wp,
.toolbar-wp-favorite .bar-button-clear-wp-danger-low,
.toolbar-wp-favorite .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-favorite .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-favorite .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-favorite .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-favorite .bar-button-light-wp,
.toolbar-wp-favorite .bar-button-clear-wp-light,
.toolbar-wp-favorite .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-favorite .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-favorite .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-favorite .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-favorite .bar-button-dark-wp,
.toolbar-wp-favorite .bar-button-clear-wp-dark,
.toolbar-wp-favorite .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-favorite .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-favorite .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-favorite .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-favorite .bar-button-favorite-wp,
.toolbar-wp-favorite .bar-button-clear-wp-favorite,
.toolbar-wp-favorite .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-favorite .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-favorite .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-favorite .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-favorite .bar-button-darkgrey-wp,
.toolbar-wp-favorite .bar-button-clear-wp-darkgrey,
.toolbar-wp-favorite .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-favorite .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-favorite .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-favorite .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-favorite .bar-button-emerald-wp,
.toolbar-wp-favorite .bar-button-clear-wp-emerald,
.toolbar-wp-favorite .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-favorite .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-favorite .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-favorite .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-favorite .bar-button-concrete-wp,
.toolbar-wp-favorite .bar-button-clear-wp-concrete,
.toolbar-wp-favorite .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-favorite .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-favorite .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-favorite .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-favorite .bar-button-yellow-wp,
.toolbar-wp-favorite .bar-button-clear-wp-yellow,
.toolbar-wp-favorite .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-favorite .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-favorite .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-favorite .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-favorite .bar-button-black-wp,
.toolbar-wp-favorite .bar-button-clear-wp-black,
.toolbar-wp-favorite .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-favorite .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-favorite .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-favorite .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-favorite .bar-button-grey-wp,
.toolbar-wp-favorite .bar-button-clear-wp-grey,
.toolbar-wp-favorite .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-favorite .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-favorite .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-favorite .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-favorite .bar-button-red-wp,
.toolbar-wp-favorite .bar-button-clear-wp-red,
.toolbar-wp-favorite .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-favorite .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-favorite .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-favorite .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-favorite .bar-button-notif-wp,
.toolbar-wp-favorite .bar-button-clear-wp-notif,
.toolbar-wp-favorite .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-favorite .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-favorite .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-favorite .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-favorite .bar-button-new-badge-wp,
.toolbar-wp-favorite .bar-button-clear-wp-new-badge,
.toolbar-wp-favorite .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-favorite .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-favorite .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-favorite .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-favorite .bar-button-accent-wp,
.toolbar-wp-favorite .bar-button-clear-wp-accent,
.toolbar-wp-favorite .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-favorite .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-favorite .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-favorite .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-favorite .bar-button-skeleton-wp,
.toolbar-wp-favorite .bar-button-clear-wp-skeleton,
.toolbar-wp-favorite .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-favorite .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-favorite .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-favorite .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-favorite .bar-button-outline-wp,
.toolbar-wp-favorite .bar-button-clear-wp-outline,
.toolbar-wp-favorite .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-favorite .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-favorite .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-favorite .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-favorite .bar-button-secondary-text-wp,
.toolbar-wp-favorite .bar-button-clear-wp-secondary-text,
.toolbar-wp-favorite .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-favorite .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-favorite .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-favorite .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-favorite .bar-button-text-wp,
.toolbar-wp-favorite .bar-button-clear-wp-text,
.toolbar-wp-favorite .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-favorite .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-favorite .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-favorite .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-favorite .bar-button-label-wp,
.toolbar-wp-favorite .bar-button-clear-wp-label,
.toolbar-wp-favorite .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-favorite .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-favorite .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-favorite .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-favorite .bar-button-hover-wp,
.toolbar-wp-favorite .bar-button-clear-wp-hover,
.toolbar-wp-favorite .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-favorite .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-favorite .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-favorite .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-favorite .bar-button-hover-dark-wp,
.toolbar-wp-favorite .bar-button-clear-wp-hover-dark,
.toolbar-wp-favorite .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-favorite .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-favorite .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-favorite .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-favorite .bar-button-bgcard-wp,
.toolbar-wp-favorite .bar-button-clear-wp-bgcard,
.toolbar-wp-favorite .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-favorite .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-favorite .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-favorite .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-favorite .bar-button-bgcard2-wp,
.toolbar-wp-favorite .bar-button-clear-wp-bgcard2,
.toolbar-wp-favorite .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-favorite .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-favorite .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-favorite .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-favorite .bar-button-bglabel-wp,
.toolbar-wp-favorite .bar-button-clear-wp-bglabel,
.toolbar-wp-favorite .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-favorite .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-favorite .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-favorite .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-favorite .bar-button-primary-light-wp,
.toolbar-wp-favorite .bar-button-clear-wp-primary-light,
.toolbar-wp-favorite .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-favorite .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-favorite .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-favorite .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-favorite .bar-button-bgicon-wp,
.toolbar-wp-favorite .bar-button-clear-wp-bgicon,
.toolbar-wp-favorite .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-favorite .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-favorite .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-favorite .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-favorite .bar-button-primary-text-wp,
.toolbar-wp-favorite .bar-button-clear-wp-primary-text,
.toolbar-wp-favorite .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-favorite .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-favorite .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-favorite .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-favorite .bar-button-white-wp,
.toolbar-wp-favorite .bar-button-clear-wp-white,
.toolbar-wp-favorite .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-favorite .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-favorite .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-favorite .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-favorite .bar-button-success-wp,
.toolbar-wp-favorite .bar-button-clear-wp-success,
.toolbar-wp-favorite .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-favorite .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-favorite .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-favorite .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-favorite .bar-button-info-wp,
.toolbar-wp-favorite .bar-button-clear-wp-info,
.toolbar-wp-favorite .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-favorite .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-favorite .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-favorite .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-favorite .bar-button-warning-wp,
.toolbar-wp-favorite .bar-button-clear-wp-warning,
.toolbar-wp-favorite .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-favorite .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-favorite .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-favorite .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-favorite .bar-button-danger-wp,
.toolbar-wp-favorite .bar-button-clear-wp-danger,
.toolbar-wp-favorite .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-favorite .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-favorite .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-favorite .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-favorite .bar-button-tam-wp,
.toolbar-wp-favorite .bar-button-clear-wp-tam,
.toolbar-wp-favorite .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-favorite .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-favorite .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-favorite .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-favorite .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-favorite .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-favorite-wp,
.bar-button-clear-wp-favorite,
.bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.bar-button-favorite-wp:hover:not(.disable-hover),
.bar-button-clear-wp-favorite:hover:not(.disable-hover),
.bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-darkgrey .toolbar-background-wp {
  background: #8e9093;
}

.toolbar-wp-darkgrey .bar-button-clear-wp,
.toolbar-wp-darkgrey .bar-button-default-wp,
.toolbar-wp-darkgrey .bar-button-outline-wp,
.toolbar-wp-darkgrey .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-darkgrey .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-darkgrey .bar-button-primary-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-primary,
.toolbar-wp-darkgrey .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-darkgrey .bar-button-secondary-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-secondary,
.toolbar-wp-darkgrey .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-darkgrey .bar-button-danger-low-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-danger-low,
.toolbar-wp-darkgrey .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-darkgrey .bar-button-light-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-light,
.toolbar-wp-darkgrey .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-darkgrey .bar-button-dark-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-dark,
.toolbar-wp-darkgrey .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-darkgrey .bar-button-favorite-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-favorite,
.toolbar-wp-darkgrey .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-darkgrey .bar-button-darkgrey-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-darkgrey,
.toolbar-wp-darkgrey .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-darkgrey .bar-button-emerald-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-emerald,
.toolbar-wp-darkgrey .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-darkgrey .bar-button-concrete-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-concrete,
.toolbar-wp-darkgrey .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-darkgrey .bar-button-yellow-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-yellow,
.toolbar-wp-darkgrey .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-darkgrey .bar-button-black-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-black,
.toolbar-wp-darkgrey .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-darkgrey .bar-button-grey-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-grey,
.toolbar-wp-darkgrey .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-darkgrey .bar-button-red-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-red,
.toolbar-wp-darkgrey .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-darkgrey .bar-button-notif-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-notif,
.toolbar-wp-darkgrey .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-darkgrey .bar-button-new-badge-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-new-badge,
.toolbar-wp-darkgrey .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-darkgrey .bar-button-accent-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-accent,
.toolbar-wp-darkgrey .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-darkgrey .bar-button-skeleton-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-skeleton,
.toolbar-wp-darkgrey .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-darkgrey .bar-button-outline-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-outline,
.toolbar-wp-darkgrey .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-darkgrey .bar-button-secondary-text-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-secondary-text,
.toolbar-wp-darkgrey .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-darkgrey .bar-button-text-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-text,
.toolbar-wp-darkgrey .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-darkgrey .bar-button-label-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-label,
.toolbar-wp-darkgrey .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-darkgrey .bar-button-hover-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-hover,
.toolbar-wp-darkgrey .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-darkgrey .bar-button-hover-dark-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-hover-dark,
.toolbar-wp-darkgrey .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-darkgrey .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-darkgrey .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-darkgrey .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-darkgrey .bar-button-bgcard-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-bgcard,
.toolbar-wp-darkgrey .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-darkgrey .bar-button-bgcard2-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-bgcard2,
.toolbar-wp-darkgrey .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-darkgrey .bar-button-bglabel-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-bglabel,
.toolbar-wp-darkgrey .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-darkgrey .bar-button-primary-light-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-primary-light,
.toolbar-wp-darkgrey .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-darkgrey .bar-button-bgicon-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-bgicon,
.toolbar-wp-darkgrey .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-darkgrey .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-darkgrey .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-darkgrey .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-darkgrey .bar-button-primary-text-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-primary-text,
.toolbar-wp-darkgrey .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-darkgrey .bar-button-white-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-white,
.toolbar-wp-darkgrey .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-darkgrey .bar-button-success-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-success,
.toolbar-wp-darkgrey .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-darkgrey .bar-button-info-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-info,
.toolbar-wp-darkgrey .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-darkgrey .bar-button-warning-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-warning,
.toolbar-wp-darkgrey .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-darkgrey .bar-button-danger-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-danger,
.toolbar-wp-darkgrey .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-darkgrey .bar-button-tam-wp,
.toolbar-wp-darkgrey .bar-button-clear-wp-tam,
.toolbar-wp-darkgrey .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-darkgrey .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-darkgrey .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-darkgrey .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-darkgrey-wp,
.bar-button-clear-wp-darkgrey,
.bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.bar-button-darkgrey-wp:hover:not(.disable-hover),
.bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-emerald .toolbar-background-wp {
  background: #3498db;
}

.toolbar-wp-emerald .bar-button-clear-wp,
.toolbar-wp-emerald .bar-button-default-wp,
.toolbar-wp-emerald .bar-button-outline-wp,
.toolbar-wp-emerald .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-emerald .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-emerald .bar-button-primary-wp,
.toolbar-wp-emerald .bar-button-clear-wp-primary,
.toolbar-wp-emerald .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-emerald .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-emerald .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-emerald .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-emerald .bar-button-secondary-wp,
.toolbar-wp-emerald .bar-button-clear-wp-secondary,
.toolbar-wp-emerald .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-emerald .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-emerald .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-emerald .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-emerald .bar-button-danger-low-wp,
.toolbar-wp-emerald .bar-button-clear-wp-danger-low,
.toolbar-wp-emerald .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-emerald .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-emerald .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-emerald .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-emerald .bar-button-light-wp,
.toolbar-wp-emerald .bar-button-clear-wp-light,
.toolbar-wp-emerald .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-emerald .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-emerald .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-emerald .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-emerald .bar-button-dark-wp,
.toolbar-wp-emerald .bar-button-clear-wp-dark,
.toolbar-wp-emerald .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-emerald .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-emerald .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-emerald .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-emerald .bar-button-favorite-wp,
.toolbar-wp-emerald .bar-button-clear-wp-favorite,
.toolbar-wp-emerald .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-emerald .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-emerald .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-emerald .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-emerald .bar-button-darkgrey-wp,
.toolbar-wp-emerald .bar-button-clear-wp-darkgrey,
.toolbar-wp-emerald .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-emerald .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-emerald .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-emerald .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-emerald .bar-button-emerald-wp,
.toolbar-wp-emerald .bar-button-clear-wp-emerald,
.toolbar-wp-emerald .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-emerald .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-emerald .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-emerald .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-emerald .bar-button-concrete-wp,
.toolbar-wp-emerald .bar-button-clear-wp-concrete,
.toolbar-wp-emerald .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-emerald .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-emerald .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-emerald .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-emerald .bar-button-yellow-wp,
.toolbar-wp-emerald .bar-button-clear-wp-yellow,
.toolbar-wp-emerald .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-emerald .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-emerald .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-emerald .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-emerald .bar-button-black-wp,
.toolbar-wp-emerald .bar-button-clear-wp-black,
.toolbar-wp-emerald .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-emerald .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-emerald .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-emerald .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-emerald .bar-button-grey-wp,
.toolbar-wp-emerald .bar-button-clear-wp-grey,
.toolbar-wp-emerald .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-emerald .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-emerald .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-emerald .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-emerald .bar-button-red-wp,
.toolbar-wp-emerald .bar-button-clear-wp-red,
.toolbar-wp-emerald .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-emerald .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-emerald .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-emerald .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-emerald .bar-button-notif-wp,
.toolbar-wp-emerald .bar-button-clear-wp-notif,
.toolbar-wp-emerald .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-emerald .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-emerald .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-emerald .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-emerald .bar-button-new-badge-wp,
.toolbar-wp-emerald .bar-button-clear-wp-new-badge,
.toolbar-wp-emerald .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-emerald .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-emerald .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-emerald .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-emerald .bar-button-accent-wp,
.toolbar-wp-emerald .bar-button-clear-wp-accent,
.toolbar-wp-emerald .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-emerald .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-emerald .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-emerald .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-emerald .bar-button-skeleton-wp,
.toolbar-wp-emerald .bar-button-clear-wp-skeleton,
.toolbar-wp-emerald .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-emerald .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-emerald .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-emerald .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-emerald .bar-button-outline-wp,
.toolbar-wp-emerald .bar-button-clear-wp-outline,
.toolbar-wp-emerald .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-emerald .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-emerald .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-emerald .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-emerald .bar-button-secondary-text-wp,
.toolbar-wp-emerald .bar-button-clear-wp-secondary-text,
.toolbar-wp-emerald .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-emerald .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-emerald .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-emerald .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-emerald .bar-button-text-wp,
.toolbar-wp-emerald .bar-button-clear-wp-text,
.toolbar-wp-emerald .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-emerald .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-emerald .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-emerald .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-emerald .bar-button-label-wp,
.toolbar-wp-emerald .bar-button-clear-wp-label,
.toolbar-wp-emerald .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-emerald .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-emerald .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-emerald .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-emerald .bar-button-hover-wp,
.toolbar-wp-emerald .bar-button-clear-wp-hover,
.toolbar-wp-emerald .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-emerald .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-emerald .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-emerald .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-emerald .bar-button-hover-dark-wp,
.toolbar-wp-emerald .bar-button-clear-wp-hover-dark,
.toolbar-wp-emerald .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-emerald .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-emerald .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-emerald .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-emerald .bar-button-bgcard-wp,
.toolbar-wp-emerald .bar-button-clear-wp-bgcard,
.toolbar-wp-emerald .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-emerald .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-emerald .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-emerald .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-emerald .bar-button-bgcard2-wp,
.toolbar-wp-emerald .bar-button-clear-wp-bgcard2,
.toolbar-wp-emerald .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-emerald .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-emerald .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-emerald .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-emerald .bar-button-bglabel-wp,
.toolbar-wp-emerald .bar-button-clear-wp-bglabel,
.toolbar-wp-emerald .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-emerald .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-emerald .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-emerald .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-emerald .bar-button-primary-light-wp,
.toolbar-wp-emerald .bar-button-clear-wp-primary-light,
.toolbar-wp-emerald .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-emerald .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-emerald .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-emerald .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-emerald .bar-button-bgicon-wp,
.toolbar-wp-emerald .bar-button-clear-wp-bgicon,
.toolbar-wp-emerald .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-emerald .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-emerald .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-emerald .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-emerald .bar-button-primary-text-wp,
.toolbar-wp-emerald .bar-button-clear-wp-primary-text,
.toolbar-wp-emerald .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-emerald .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-emerald .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-emerald .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-emerald .bar-button-white-wp,
.toolbar-wp-emerald .bar-button-clear-wp-white,
.toolbar-wp-emerald .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-emerald .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-emerald .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-emerald .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-emerald .bar-button-success-wp,
.toolbar-wp-emerald .bar-button-clear-wp-success,
.toolbar-wp-emerald .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-emerald .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-emerald .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-emerald .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-emerald .bar-button-info-wp,
.toolbar-wp-emerald .bar-button-clear-wp-info,
.toolbar-wp-emerald .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-emerald .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-emerald .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-emerald .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-emerald .bar-button-warning-wp,
.toolbar-wp-emerald .bar-button-clear-wp-warning,
.toolbar-wp-emerald .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-emerald .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-emerald .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-emerald .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-emerald .bar-button-danger-wp,
.toolbar-wp-emerald .bar-button-clear-wp-danger,
.toolbar-wp-emerald .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-emerald .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-emerald .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-emerald .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-emerald .bar-button-tam-wp,
.toolbar-wp-emerald .bar-button-clear-wp-tam,
.toolbar-wp-emerald .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-emerald .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-emerald .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-emerald .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-emerald .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-emerald .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-emerald-wp,
.bar-button-clear-wp-emerald,
.bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.bar-button-emerald-wp:hover:not(.disable-hover),
.bar-button-clear-wp-emerald:hover:not(.disable-hover),
.bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-concrete .toolbar-background-wp {
  background: #bdc3c7;
}

.toolbar-wp-concrete .bar-button-clear-wp,
.toolbar-wp-concrete .bar-button-default-wp,
.toolbar-wp-concrete .bar-button-outline-wp,
.toolbar-wp-concrete .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-concrete .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-concrete .bar-button-primary-wp,
.toolbar-wp-concrete .bar-button-clear-wp-primary,
.toolbar-wp-concrete .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-concrete .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-concrete .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-concrete .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-concrete .bar-button-secondary-wp,
.toolbar-wp-concrete .bar-button-clear-wp-secondary,
.toolbar-wp-concrete .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-concrete .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-concrete .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-concrete .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-concrete .bar-button-danger-low-wp,
.toolbar-wp-concrete .bar-button-clear-wp-danger-low,
.toolbar-wp-concrete .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-concrete .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-concrete .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-concrete .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-concrete .bar-button-light-wp,
.toolbar-wp-concrete .bar-button-clear-wp-light,
.toolbar-wp-concrete .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-concrete .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-concrete .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-concrete .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-concrete .bar-button-dark-wp,
.toolbar-wp-concrete .bar-button-clear-wp-dark,
.toolbar-wp-concrete .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-concrete .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-concrete .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-concrete .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-concrete .bar-button-favorite-wp,
.toolbar-wp-concrete .bar-button-clear-wp-favorite,
.toolbar-wp-concrete .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-concrete .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-concrete .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-concrete .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-concrete .bar-button-darkgrey-wp,
.toolbar-wp-concrete .bar-button-clear-wp-darkgrey,
.toolbar-wp-concrete .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-concrete .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-concrete .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-concrete .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-concrete .bar-button-emerald-wp,
.toolbar-wp-concrete .bar-button-clear-wp-emerald,
.toolbar-wp-concrete .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-concrete .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-concrete .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-concrete .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-concrete .bar-button-concrete-wp,
.toolbar-wp-concrete .bar-button-clear-wp-concrete,
.toolbar-wp-concrete .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-concrete .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-concrete .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-concrete .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-concrete .bar-button-yellow-wp,
.toolbar-wp-concrete .bar-button-clear-wp-yellow,
.toolbar-wp-concrete .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-concrete .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-concrete .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-concrete .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-concrete .bar-button-black-wp,
.toolbar-wp-concrete .bar-button-clear-wp-black,
.toolbar-wp-concrete .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-concrete .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-concrete .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-concrete .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-concrete .bar-button-grey-wp,
.toolbar-wp-concrete .bar-button-clear-wp-grey,
.toolbar-wp-concrete .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-concrete .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-concrete .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-concrete .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-concrete .bar-button-red-wp,
.toolbar-wp-concrete .bar-button-clear-wp-red,
.toolbar-wp-concrete .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-concrete .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-concrete .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-concrete .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-concrete .bar-button-notif-wp,
.toolbar-wp-concrete .bar-button-clear-wp-notif,
.toolbar-wp-concrete .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-concrete .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-concrete .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-concrete .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-concrete .bar-button-new-badge-wp,
.toolbar-wp-concrete .bar-button-clear-wp-new-badge,
.toolbar-wp-concrete .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-concrete .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-concrete .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-concrete .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-concrete .bar-button-accent-wp,
.toolbar-wp-concrete .bar-button-clear-wp-accent,
.toolbar-wp-concrete .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-concrete .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-concrete .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-concrete .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-concrete .bar-button-skeleton-wp,
.toolbar-wp-concrete .bar-button-clear-wp-skeleton,
.toolbar-wp-concrete .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-concrete .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-concrete .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-concrete .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-concrete .bar-button-outline-wp,
.toolbar-wp-concrete .bar-button-clear-wp-outline,
.toolbar-wp-concrete .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-concrete .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-concrete .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-concrete .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-concrete .bar-button-secondary-text-wp,
.toolbar-wp-concrete .bar-button-clear-wp-secondary-text,
.toolbar-wp-concrete .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-concrete .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-concrete .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-concrete .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-concrete .bar-button-text-wp,
.toolbar-wp-concrete .bar-button-clear-wp-text,
.toolbar-wp-concrete .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-concrete .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-concrete .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-concrete .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-concrete .bar-button-label-wp,
.toolbar-wp-concrete .bar-button-clear-wp-label,
.toolbar-wp-concrete .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-concrete .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-concrete .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-concrete .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-concrete .bar-button-hover-wp,
.toolbar-wp-concrete .bar-button-clear-wp-hover,
.toolbar-wp-concrete .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-concrete .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-concrete .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-concrete .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-concrete .bar-button-hover-dark-wp,
.toolbar-wp-concrete .bar-button-clear-wp-hover-dark,
.toolbar-wp-concrete .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-concrete .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-concrete .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-concrete .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-concrete .bar-button-bgcard-wp,
.toolbar-wp-concrete .bar-button-clear-wp-bgcard,
.toolbar-wp-concrete .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-concrete .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-concrete .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-concrete .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-concrete .bar-button-bgcard2-wp,
.toolbar-wp-concrete .bar-button-clear-wp-bgcard2,
.toolbar-wp-concrete .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-concrete .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-concrete .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-concrete .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-concrete .bar-button-bglabel-wp,
.toolbar-wp-concrete .bar-button-clear-wp-bglabel,
.toolbar-wp-concrete .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-concrete .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-concrete .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-concrete .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-concrete .bar-button-primary-light-wp,
.toolbar-wp-concrete .bar-button-clear-wp-primary-light,
.toolbar-wp-concrete .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-concrete .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-concrete .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-concrete .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-concrete .bar-button-bgicon-wp,
.toolbar-wp-concrete .bar-button-clear-wp-bgicon,
.toolbar-wp-concrete .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-concrete .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-concrete .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-concrete .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-concrete .bar-button-primary-text-wp,
.toolbar-wp-concrete .bar-button-clear-wp-primary-text,
.toolbar-wp-concrete .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-concrete .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-concrete .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-concrete .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-concrete .bar-button-white-wp,
.toolbar-wp-concrete .bar-button-clear-wp-white,
.toolbar-wp-concrete .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-concrete .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-concrete .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-concrete .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-concrete .bar-button-success-wp,
.toolbar-wp-concrete .bar-button-clear-wp-success,
.toolbar-wp-concrete .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-concrete .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-concrete .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-concrete .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-concrete .bar-button-info-wp,
.toolbar-wp-concrete .bar-button-clear-wp-info,
.toolbar-wp-concrete .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-concrete .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-concrete .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-concrete .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-concrete .bar-button-warning-wp,
.toolbar-wp-concrete .bar-button-clear-wp-warning,
.toolbar-wp-concrete .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-concrete .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-concrete .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-concrete .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-concrete .bar-button-danger-wp,
.toolbar-wp-concrete .bar-button-clear-wp-danger,
.toolbar-wp-concrete .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-concrete .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-concrete .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-concrete .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-concrete .bar-button-tam-wp,
.toolbar-wp-concrete .bar-button-clear-wp-tam,
.toolbar-wp-concrete .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-concrete .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-concrete .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-concrete .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-concrete .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-concrete .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-concrete-wp,
.bar-button-clear-wp-concrete,
.bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.bar-button-concrete-wp:hover:not(.disable-hover),
.bar-button-clear-wp-concrete:hover:not(.disable-hover),
.bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-yellow .toolbar-background-wp {
  background: #ffff00;
}

.toolbar-wp-yellow .bar-button-clear-wp,
.toolbar-wp-yellow .bar-button-default-wp,
.toolbar-wp-yellow .bar-button-outline-wp,
.toolbar-wp-yellow .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-yellow .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-yellow .bar-button-primary-wp,
.toolbar-wp-yellow .bar-button-clear-wp-primary,
.toolbar-wp-yellow .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-yellow .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-yellow .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-yellow .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-yellow .bar-button-secondary-wp,
.toolbar-wp-yellow .bar-button-clear-wp-secondary,
.toolbar-wp-yellow .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-yellow .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-yellow .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-yellow .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-yellow .bar-button-danger-low-wp,
.toolbar-wp-yellow .bar-button-clear-wp-danger-low,
.toolbar-wp-yellow .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-yellow .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-yellow .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-yellow .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-yellow .bar-button-light-wp,
.toolbar-wp-yellow .bar-button-clear-wp-light,
.toolbar-wp-yellow .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-yellow .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-yellow .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-yellow .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-yellow .bar-button-dark-wp,
.toolbar-wp-yellow .bar-button-clear-wp-dark,
.toolbar-wp-yellow .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-yellow .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-yellow .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-yellow .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-yellow .bar-button-favorite-wp,
.toolbar-wp-yellow .bar-button-clear-wp-favorite,
.toolbar-wp-yellow .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-yellow .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-yellow .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-yellow .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-yellow .bar-button-darkgrey-wp,
.toolbar-wp-yellow .bar-button-clear-wp-darkgrey,
.toolbar-wp-yellow .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-yellow .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-yellow .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-yellow .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-yellow .bar-button-emerald-wp,
.toolbar-wp-yellow .bar-button-clear-wp-emerald,
.toolbar-wp-yellow .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-yellow .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-yellow .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-yellow .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-yellow .bar-button-concrete-wp,
.toolbar-wp-yellow .bar-button-clear-wp-concrete,
.toolbar-wp-yellow .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-yellow .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-yellow .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-yellow .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-yellow .bar-button-yellow-wp,
.toolbar-wp-yellow .bar-button-clear-wp-yellow,
.toolbar-wp-yellow .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-yellow .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-yellow .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-yellow .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-yellow .bar-button-black-wp,
.toolbar-wp-yellow .bar-button-clear-wp-black,
.toolbar-wp-yellow .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-yellow .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-yellow .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-yellow .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-yellow .bar-button-grey-wp,
.toolbar-wp-yellow .bar-button-clear-wp-grey,
.toolbar-wp-yellow .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-yellow .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-yellow .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-yellow .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-yellow .bar-button-red-wp,
.toolbar-wp-yellow .bar-button-clear-wp-red,
.toolbar-wp-yellow .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-yellow .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-yellow .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-yellow .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-yellow .bar-button-notif-wp,
.toolbar-wp-yellow .bar-button-clear-wp-notif,
.toolbar-wp-yellow .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-yellow .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-yellow .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-yellow .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-yellow .bar-button-new-badge-wp,
.toolbar-wp-yellow .bar-button-clear-wp-new-badge,
.toolbar-wp-yellow .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-yellow .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-yellow .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-yellow .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-yellow .bar-button-accent-wp,
.toolbar-wp-yellow .bar-button-clear-wp-accent,
.toolbar-wp-yellow .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-yellow .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-yellow .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-yellow .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-yellow .bar-button-skeleton-wp,
.toolbar-wp-yellow .bar-button-clear-wp-skeleton,
.toolbar-wp-yellow .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-yellow .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-yellow .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-yellow .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-yellow .bar-button-outline-wp,
.toolbar-wp-yellow .bar-button-clear-wp-outline,
.toolbar-wp-yellow .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-yellow .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-yellow .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-yellow .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-yellow .bar-button-secondary-text-wp,
.toolbar-wp-yellow .bar-button-clear-wp-secondary-text,
.toolbar-wp-yellow .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-yellow .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-yellow .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-yellow .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-yellow .bar-button-text-wp,
.toolbar-wp-yellow .bar-button-clear-wp-text,
.toolbar-wp-yellow .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-yellow .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-yellow .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-yellow .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-yellow .bar-button-label-wp,
.toolbar-wp-yellow .bar-button-clear-wp-label,
.toolbar-wp-yellow .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-yellow .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-yellow .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-yellow .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-yellow .bar-button-hover-wp,
.toolbar-wp-yellow .bar-button-clear-wp-hover,
.toolbar-wp-yellow .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-yellow .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-yellow .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-yellow .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-yellow .bar-button-hover-dark-wp,
.toolbar-wp-yellow .bar-button-clear-wp-hover-dark,
.toolbar-wp-yellow .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-yellow .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-yellow .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-yellow .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-yellow .bar-button-bgcard-wp,
.toolbar-wp-yellow .bar-button-clear-wp-bgcard,
.toolbar-wp-yellow .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-yellow .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-yellow .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-yellow .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-yellow .bar-button-bgcard2-wp,
.toolbar-wp-yellow .bar-button-clear-wp-bgcard2,
.toolbar-wp-yellow .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-yellow .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-yellow .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-yellow .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-yellow .bar-button-bglabel-wp,
.toolbar-wp-yellow .bar-button-clear-wp-bglabel,
.toolbar-wp-yellow .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-yellow .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-yellow .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-yellow .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-yellow .bar-button-primary-light-wp,
.toolbar-wp-yellow .bar-button-clear-wp-primary-light,
.toolbar-wp-yellow .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-yellow .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-yellow .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-yellow .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-yellow .bar-button-bgicon-wp,
.toolbar-wp-yellow .bar-button-clear-wp-bgicon,
.toolbar-wp-yellow .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-yellow .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-yellow .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-yellow .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-yellow .bar-button-primary-text-wp,
.toolbar-wp-yellow .bar-button-clear-wp-primary-text,
.toolbar-wp-yellow .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-yellow .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-yellow .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-yellow .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-yellow .bar-button-white-wp,
.toolbar-wp-yellow .bar-button-clear-wp-white,
.toolbar-wp-yellow .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-yellow .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-yellow .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-yellow .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-yellow .bar-button-success-wp,
.toolbar-wp-yellow .bar-button-clear-wp-success,
.toolbar-wp-yellow .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-yellow .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-yellow .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-yellow .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-yellow .bar-button-info-wp,
.toolbar-wp-yellow .bar-button-clear-wp-info,
.toolbar-wp-yellow .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-yellow .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-yellow .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-yellow .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-yellow .bar-button-warning-wp,
.toolbar-wp-yellow .bar-button-clear-wp-warning,
.toolbar-wp-yellow .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-yellow .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-yellow .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-yellow .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-yellow .bar-button-danger-wp,
.toolbar-wp-yellow .bar-button-clear-wp-danger,
.toolbar-wp-yellow .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-yellow .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-yellow .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-yellow .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-yellow .bar-button-tam-wp,
.toolbar-wp-yellow .bar-button-clear-wp-tam,
.toolbar-wp-yellow .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-yellow .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-yellow .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-yellow .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-yellow .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-yellow .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-yellow-wp,
.bar-button-clear-wp-yellow,
.bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.bar-button-yellow-wp:hover:not(.disable-hover),
.bar-button-clear-wp-yellow:hover:not(.disable-hover),
.bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-black .toolbar-background-wp {
  background: #000000;
}

.toolbar-wp-black .bar-button-clear-wp,
.toolbar-wp-black .bar-button-default-wp,
.toolbar-wp-black .bar-button-outline-wp,
.toolbar-wp-black .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-black .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-black .bar-button-primary-wp,
.toolbar-wp-black .bar-button-clear-wp-primary,
.toolbar-wp-black .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-black .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-black .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-black .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-black .bar-button-secondary-wp,
.toolbar-wp-black .bar-button-clear-wp-secondary,
.toolbar-wp-black .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-black .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-black .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-black .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-black .bar-button-danger-low-wp,
.toolbar-wp-black .bar-button-clear-wp-danger-low,
.toolbar-wp-black .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-black .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-black .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-black .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-black .bar-button-light-wp,
.toolbar-wp-black .bar-button-clear-wp-light,
.toolbar-wp-black .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-black .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-black .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-black .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-black .bar-button-dark-wp,
.toolbar-wp-black .bar-button-clear-wp-dark,
.toolbar-wp-black .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-black .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-black .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-black .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-black .bar-button-favorite-wp,
.toolbar-wp-black .bar-button-clear-wp-favorite,
.toolbar-wp-black .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-black .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-black .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-black .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-black .bar-button-darkgrey-wp,
.toolbar-wp-black .bar-button-clear-wp-darkgrey,
.toolbar-wp-black .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-black .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-black .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-black .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-black .bar-button-emerald-wp,
.toolbar-wp-black .bar-button-clear-wp-emerald,
.toolbar-wp-black .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-black .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-black .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-black .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-black .bar-button-concrete-wp,
.toolbar-wp-black .bar-button-clear-wp-concrete,
.toolbar-wp-black .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-black .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-black .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-black .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-black .bar-button-yellow-wp,
.toolbar-wp-black .bar-button-clear-wp-yellow,
.toolbar-wp-black .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-black .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-black .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-black .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-black .bar-button-black-wp,
.toolbar-wp-black .bar-button-clear-wp-black,
.toolbar-wp-black .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-black .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-black .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-black .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-black .bar-button-grey-wp,
.toolbar-wp-black .bar-button-clear-wp-grey,
.toolbar-wp-black .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-black .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-black .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-black .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-black .bar-button-red-wp,
.toolbar-wp-black .bar-button-clear-wp-red,
.toolbar-wp-black .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-black .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-black .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-black .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-black .bar-button-notif-wp,
.toolbar-wp-black .bar-button-clear-wp-notif,
.toolbar-wp-black .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-black .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-black .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-black .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-black .bar-button-new-badge-wp,
.toolbar-wp-black .bar-button-clear-wp-new-badge,
.toolbar-wp-black .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-black .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-black .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-black .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-black .bar-button-accent-wp,
.toolbar-wp-black .bar-button-clear-wp-accent,
.toolbar-wp-black .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-black .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-black .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-black .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-black .bar-button-skeleton-wp,
.toolbar-wp-black .bar-button-clear-wp-skeleton,
.toolbar-wp-black .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-black .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-black .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-black .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-black .bar-button-outline-wp,
.toolbar-wp-black .bar-button-clear-wp-outline,
.toolbar-wp-black .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-black .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-black .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-black .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-black .bar-button-secondary-text-wp,
.toolbar-wp-black .bar-button-clear-wp-secondary-text,
.toolbar-wp-black .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-black .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-black .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-black .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-black .bar-button-text-wp,
.toolbar-wp-black .bar-button-clear-wp-text,
.toolbar-wp-black .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-black .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-black .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-black .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-black .bar-button-label-wp,
.toolbar-wp-black .bar-button-clear-wp-label,
.toolbar-wp-black .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-black .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-black .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-black .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-black .bar-button-hover-wp,
.toolbar-wp-black .bar-button-clear-wp-hover,
.toolbar-wp-black .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-black .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-black .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-black .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-black .bar-button-hover-dark-wp,
.toolbar-wp-black .bar-button-clear-wp-hover-dark,
.toolbar-wp-black .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-black .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-black .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-black .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-black .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-black .bar-button-bgcard-wp,
.toolbar-wp-black .bar-button-clear-wp-bgcard,
.toolbar-wp-black .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-black .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-black .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-black .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-black .bar-button-bgcard2-wp,
.toolbar-wp-black .bar-button-clear-wp-bgcard2,
.toolbar-wp-black .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-black .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-black .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-black .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-black .bar-button-bglabel-wp,
.toolbar-wp-black .bar-button-clear-wp-bglabel,
.toolbar-wp-black .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-black .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-black .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-black .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-black .bar-button-primary-light-wp,
.toolbar-wp-black .bar-button-clear-wp-primary-light,
.toolbar-wp-black .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-black .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-black .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-black .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-black .bar-button-bgicon-wp,
.toolbar-wp-black .bar-button-clear-wp-bgicon,
.toolbar-wp-black .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-black .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-black .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-black .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-black .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-black .bar-button-primary-text-wp,
.toolbar-wp-black .bar-button-clear-wp-primary-text,
.toolbar-wp-black .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-black .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-black .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-black .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-black .bar-button-white-wp,
.toolbar-wp-black .bar-button-clear-wp-white,
.toolbar-wp-black .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-black .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-black .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-black .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-black .bar-button-success-wp,
.toolbar-wp-black .bar-button-clear-wp-success,
.toolbar-wp-black .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-black .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-black .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-black .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-black .bar-button-info-wp,
.toolbar-wp-black .bar-button-clear-wp-info,
.toolbar-wp-black .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-black .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-black .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-black .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-black .bar-button-warning-wp,
.toolbar-wp-black .bar-button-clear-wp-warning,
.toolbar-wp-black .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-black .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-black .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-black .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-black .bar-button-danger-wp,
.toolbar-wp-black .bar-button-clear-wp-danger,
.toolbar-wp-black .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-black .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-black .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-black .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-black .bar-button-tam-wp,
.toolbar-wp-black .bar-button-clear-wp-tam,
.toolbar-wp-black .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-black .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-black .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-black .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-black .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-black .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-black-wp,
.bar-button-clear-wp-black,
.bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.bar-button-black-wp:hover:not(.disable-hover),
.bar-button-clear-wp-black:hover:not(.disable-hover),
.bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-grey .toolbar-background-wp {
  background: #808080;
}

.toolbar-wp-grey .bar-button-clear-wp,
.toolbar-wp-grey .bar-button-default-wp,
.toolbar-wp-grey .bar-button-outline-wp,
.toolbar-wp-grey .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-grey .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-grey .bar-button-primary-wp,
.toolbar-wp-grey .bar-button-clear-wp-primary,
.toolbar-wp-grey .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-grey .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-grey .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-grey .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-grey .bar-button-secondary-wp,
.toolbar-wp-grey .bar-button-clear-wp-secondary,
.toolbar-wp-grey .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-grey .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-grey .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-grey .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-grey .bar-button-danger-low-wp,
.toolbar-wp-grey .bar-button-clear-wp-danger-low,
.toolbar-wp-grey .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-grey .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-grey .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-grey .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-grey .bar-button-light-wp,
.toolbar-wp-grey .bar-button-clear-wp-light,
.toolbar-wp-grey .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-grey .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-grey .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-grey .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-grey .bar-button-dark-wp,
.toolbar-wp-grey .bar-button-clear-wp-dark,
.toolbar-wp-grey .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-grey .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-grey .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-grey .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-grey .bar-button-favorite-wp,
.toolbar-wp-grey .bar-button-clear-wp-favorite,
.toolbar-wp-grey .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-grey .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-grey .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-grey .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-grey .bar-button-darkgrey-wp,
.toolbar-wp-grey .bar-button-clear-wp-darkgrey,
.toolbar-wp-grey .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-grey .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-grey .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-grey .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-grey .bar-button-emerald-wp,
.toolbar-wp-grey .bar-button-clear-wp-emerald,
.toolbar-wp-grey .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-grey .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-grey .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-grey .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-grey .bar-button-concrete-wp,
.toolbar-wp-grey .bar-button-clear-wp-concrete,
.toolbar-wp-grey .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-grey .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-grey .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-grey .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-grey .bar-button-yellow-wp,
.toolbar-wp-grey .bar-button-clear-wp-yellow,
.toolbar-wp-grey .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-grey .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-grey .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-grey .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-grey .bar-button-black-wp,
.toolbar-wp-grey .bar-button-clear-wp-black,
.toolbar-wp-grey .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-grey .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-grey .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-grey .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-grey .bar-button-grey-wp,
.toolbar-wp-grey .bar-button-clear-wp-grey,
.toolbar-wp-grey .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-grey .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-grey .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-grey .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-grey .bar-button-red-wp,
.toolbar-wp-grey .bar-button-clear-wp-red,
.toolbar-wp-grey .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-grey .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-grey .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-grey .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-grey .bar-button-notif-wp,
.toolbar-wp-grey .bar-button-clear-wp-notif,
.toolbar-wp-grey .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-grey .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-grey .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-grey .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-grey .bar-button-new-badge-wp,
.toolbar-wp-grey .bar-button-clear-wp-new-badge,
.toolbar-wp-grey .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-grey .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-grey .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-grey .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-grey .bar-button-accent-wp,
.toolbar-wp-grey .bar-button-clear-wp-accent,
.toolbar-wp-grey .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-grey .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-grey .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-grey .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-grey .bar-button-skeleton-wp,
.toolbar-wp-grey .bar-button-clear-wp-skeleton,
.toolbar-wp-grey .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-grey .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-grey .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-grey .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-grey .bar-button-outline-wp,
.toolbar-wp-grey .bar-button-clear-wp-outline,
.toolbar-wp-grey .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-grey .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-grey .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-grey .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-grey .bar-button-secondary-text-wp,
.toolbar-wp-grey .bar-button-clear-wp-secondary-text,
.toolbar-wp-grey .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-grey .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-grey .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-grey .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-grey .bar-button-text-wp,
.toolbar-wp-grey .bar-button-clear-wp-text,
.toolbar-wp-grey .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-grey .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-grey .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-grey .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-grey .bar-button-label-wp,
.toolbar-wp-grey .bar-button-clear-wp-label,
.toolbar-wp-grey .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-grey .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-grey .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-grey .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-grey .bar-button-hover-wp,
.toolbar-wp-grey .bar-button-clear-wp-hover,
.toolbar-wp-grey .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-grey .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-grey .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-grey .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-grey .bar-button-hover-dark-wp,
.toolbar-wp-grey .bar-button-clear-wp-hover-dark,
.toolbar-wp-grey .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-grey .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-grey .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-grey .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-grey .bar-button-bgcard-wp,
.toolbar-wp-grey .bar-button-clear-wp-bgcard,
.toolbar-wp-grey .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-grey .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-grey .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-grey .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-grey .bar-button-bgcard2-wp,
.toolbar-wp-grey .bar-button-clear-wp-bgcard2,
.toolbar-wp-grey .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-grey .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-grey .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-grey .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-grey .bar-button-bglabel-wp,
.toolbar-wp-grey .bar-button-clear-wp-bglabel,
.toolbar-wp-grey .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-grey .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-grey .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-grey .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-grey .bar-button-primary-light-wp,
.toolbar-wp-grey .bar-button-clear-wp-primary-light,
.toolbar-wp-grey .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-grey .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-grey .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-grey .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-grey .bar-button-bgicon-wp,
.toolbar-wp-grey .bar-button-clear-wp-bgicon,
.toolbar-wp-grey .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-grey .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-grey .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-grey .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-grey .bar-button-primary-text-wp,
.toolbar-wp-grey .bar-button-clear-wp-primary-text,
.toolbar-wp-grey .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-grey .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-grey .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-grey .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-grey .bar-button-white-wp,
.toolbar-wp-grey .bar-button-clear-wp-white,
.toolbar-wp-grey .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-grey .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-grey .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-grey .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-grey .bar-button-success-wp,
.toolbar-wp-grey .bar-button-clear-wp-success,
.toolbar-wp-grey .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-grey .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-grey .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-grey .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-grey .bar-button-info-wp,
.toolbar-wp-grey .bar-button-clear-wp-info,
.toolbar-wp-grey .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-grey .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-grey .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-grey .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-grey .bar-button-warning-wp,
.toolbar-wp-grey .bar-button-clear-wp-warning,
.toolbar-wp-grey .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-grey .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-grey .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-grey .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-grey .bar-button-danger-wp,
.toolbar-wp-grey .bar-button-clear-wp-danger,
.toolbar-wp-grey .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-grey .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-grey .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-grey .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-grey .bar-button-tam-wp,
.toolbar-wp-grey .bar-button-clear-wp-tam,
.toolbar-wp-grey .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-grey .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-grey .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-grey .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-grey .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-grey .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-grey-wp,
.bar-button-clear-wp-grey,
.bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.bar-button-grey-wp:hover:not(.disable-hover),
.bar-button-clear-wp-grey:hover:not(.disable-hover),
.bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-red .toolbar-background-wp {
  background: #ed4956;
}

.toolbar-wp-red .bar-button-clear-wp,
.toolbar-wp-red .bar-button-default-wp,
.toolbar-wp-red .bar-button-outline-wp,
.toolbar-wp-red .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-red .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-red .bar-button-primary-wp,
.toolbar-wp-red .bar-button-clear-wp-primary,
.toolbar-wp-red .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-red .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-red .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-red .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-red .bar-button-secondary-wp,
.toolbar-wp-red .bar-button-clear-wp-secondary,
.toolbar-wp-red .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-red .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-red .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-red .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-red .bar-button-danger-low-wp,
.toolbar-wp-red .bar-button-clear-wp-danger-low,
.toolbar-wp-red .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-red .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-red .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-red .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-red .bar-button-light-wp,
.toolbar-wp-red .bar-button-clear-wp-light,
.toolbar-wp-red .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-red .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-red .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-red .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-red .bar-button-dark-wp,
.toolbar-wp-red .bar-button-clear-wp-dark,
.toolbar-wp-red .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-red .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-red .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-red .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-red .bar-button-favorite-wp,
.toolbar-wp-red .bar-button-clear-wp-favorite,
.toolbar-wp-red .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-red .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-red .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-red .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-red .bar-button-darkgrey-wp,
.toolbar-wp-red .bar-button-clear-wp-darkgrey,
.toolbar-wp-red .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-red .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-red .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-red .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-red .bar-button-emerald-wp,
.toolbar-wp-red .bar-button-clear-wp-emerald,
.toolbar-wp-red .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-red .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-red .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-red .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-red .bar-button-concrete-wp,
.toolbar-wp-red .bar-button-clear-wp-concrete,
.toolbar-wp-red .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-red .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-red .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-red .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-red .bar-button-yellow-wp,
.toolbar-wp-red .bar-button-clear-wp-yellow,
.toolbar-wp-red .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-red .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-red .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-red .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-red .bar-button-black-wp,
.toolbar-wp-red .bar-button-clear-wp-black,
.toolbar-wp-red .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-red .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-red .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-red .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-red .bar-button-grey-wp,
.toolbar-wp-red .bar-button-clear-wp-grey,
.toolbar-wp-red .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-red .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-red .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-red .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-red .bar-button-red-wp,
.toolbar-wp-red .bar-button-clear-wp-red,
.toolbar-wp-red .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-red .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-red .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-red .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-red .bar-button-notif-wp,
.toolbar-wp-red .bar-button-clear-wp-notif,
.toolbar-wp-red .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-red .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-red .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-red .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-red .bar-button-new-badge-wp,
.toolbar-wp-red .bar-button-clear-wp-new-badge,
.toolbar-wp-red .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-red .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-red .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-red .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-red .bar-button-accent-wp,
.toolbar-wp-red .bar-button-clear-wp-accent,
.toolbar-wp-red .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-red .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-red .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-red .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-red .bar-button-skeleton-wp,
.toolbar-wp-red .bar-button-clear-wp-skeleton,
.toolbar-wp-red .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-red .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-red .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-red .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-red .bar-button-outline-wp,
.toolbar-wp-red .bar-button-clear-wp-outline,
.toolbar-wp-red .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-red .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-red .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-red .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-red .bar-button-secondary-text-wp,
.toolbar-wp-red .bar-button-clear-wp-secondary-text,
.toolbar-wp-red .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-red .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-red .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-red .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-red .bar-button-text-wp,
.toolbar-wp-red .bar-button-clear-wp-text,
.toolbar-wp-red .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-red .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-red .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-red .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-red .bar-button-label-wp,
.toolbar-wp-red .bar-button-clear-wp-label,
.toolbar-wp-red .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-red .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-red .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-red .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-red .bar-button-hover-wp,
.toolbar-wp-red .bar-button-clear-wp-hover,
.toolbar-wp-red .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-red .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-red .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-red .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-red .bar-button-hover-dark-wp,
.toolbar-wp-red .bar-button-clear-wp-hover-dark,
.toolbar-wp-red .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-red .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-red .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-red .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-red .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-red .bar-button-bgcard-wp,
.toolbar-wp-red .bar-button-clear-wp-bgcard,
.toolbar-wp-red .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-red .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-red .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-red .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-red .bar-button-bgcard2-wp,
.toolbar-wp-red .bar-button-clear-wp-bgcard2,
.toolbar-wp-red .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-red .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-red .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-red .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-red .bar-button-bglabel-wp,
.toolbar-wp-red .bar-button-clear-wp-bglabel,
.toolbar-wp-red .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-red .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-red .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-red .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-red .bar-button-primary-light-wp,
.toolbar-wp-red .bar-button-clear-wp-primary-light,
.toolbar-wp-red .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-red .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-red .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-red .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-red .bar-button-bgicon-wp,
.toolbar-wp-red .bar-button-clear-wp-bgicon,
.toolbar-wp-red .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-red .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-red .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-red .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-red .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-red .bar-button-primary-text-wp,
.toolbar-wp-red .bar-button-clear-wp-primary-text,
.toolbar-wp-red .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-red .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-red .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-red .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-red .bar-button-white-wp,
.toolbar-wp-red .bar-button-clear-wp-white,
.toolbar-wp-red .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-red .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-red .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-red .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-red .bar-button-success-wp,
.toolbar-wp-red .bar-button-clear-wp-success,
.toolbar-wp-red .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-red .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-red .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-red .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-red .bar-button-info-wp,
.toolbar-wp-red .bar-button-clear-wp-info,
.toolbar-wp-red .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-red .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-red .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-red .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-red .bar-button-warning-wp,
.toolbar-wp-red .bar-button-clear-wp-warning,
.toolbar-wp-red .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-red .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-red .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-red .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-red .bar-button-danger-wp,
.toolbar-wp-red .bar-button-clear-wp-danger,
.toolbar-wp-red .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-red .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-red .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-red .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-red .bar-button-tam-wp,
.toolbar-wp-red .bar-button-clear-wp-tam,
.toolbar-wp-red .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-red .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-red .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-red .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-red .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-red .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-red-wp,
.bar-button-clear-wp-red,
.bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.bar-button-red-wp:hover:not(.disable-hover),
.bar-button-clear-wp-red:hover:not(.disable-hover),
.bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-notif .toolbar-background-wp {
  background: #17DFC4;
}

.toolbar-wp-notif .bar-button-clear-wp,
.toolbar-wp-notif .bar-button-default-wp,
.toolbar-wp-notif .bar-button-outline-wp,
.toolbar-wp-notif .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-notif .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-notif .bar-button-primary-wp,
.toolbar-wp-notif .bar-button-clear-wp-primary,
.toolbar-wp-notif .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-notif .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-notif .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-notif .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-notif .bar-button-secondary-wp,
.toolbar-wp-notif .bar-button-clear-wp-secondary,
.toolbar-wp-notif .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-notif .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-notif .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-notif .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-notif .bar-button-danger-low-wp,
.toolbar-wp-notif .bar-button-clear-wp-danger-low,
.toolbar-wp-notif .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-notif .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-notif .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-notif .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-notif .bar-button-light-wp,
.toolbar-wp-notif .bar-button-clear-wp-light,
.toolbar-wp-notif .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-notif .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-notif .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-notif .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-notif .bar-button-dark-wp,
.toolbar-wp-notif .bar-button-clear-wp-dark,
.toolbar-wp-notif .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-notif .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-notif .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-notif .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-notif .bar-button-favorite-wp,
.toolbar-wp-notif .bar-button-clear-wp-favorite,
.toolbar-wp-notif .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-notif .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-notif .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-notif .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-notif .bar-button-darkgrey-wp,
.toolbar-wp-notif .bar-button-clear-wp-darkgrey,
.toolbar-wp-notif .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-notif .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-notif .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-notif .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-notif .bar-button-emerald-wp,
.toolbar-wp-notif .bar-button-clear-wp-emerald,
.toolbar-wp-notif .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-notif .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-notif .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-notif .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-notif .bar-button-concrete-wp,
.toolbar-wp-notif .bar-button-clear-wp-concrete,
.toolbar-wp-notif .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-notif .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-notif .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-notif .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-notif .bar-button-yellow-wp,
.toolbar-wp-notif .bar-button-clear-wp-yellow,
.toolbar-wp-notif .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-notif .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-notif .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-notif .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-notif .bar-button-black-wp,
.toolbar-wp-notif .bar-button-clear-wp-black,
.toolbar-wp-notif .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-notif .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-notif .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-notif .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-notif .bar-button-grey-wp,
.toolbar-wp-notif .bar-button-clear-wp-grey,
.toolbar-wp-notif .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-notif .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-notif .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-notif .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-notif .bar-button-red-wp,
.toolbar-wp-notif .bar-button-clear-wp-red,
.toolbar-wp-notif .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-notif .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-notif .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-notif .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-notif .bar-button-notif-wp,
.toolbar-wp-notif .bar-button-clear-wp-notif,
.toolbar-wp-notif .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-notif .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-notif .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-notif .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-notif .bar-button-new-badge-wp,
.toolbar-wp-notif .bar-button-clear-wp-new-badge,
.toolbar-wp-notif .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-notif .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-notif .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-notif .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-notif .bar-button-accent-wp,
.toolbar-wp-notif .bar-button-clear-wp-accent,
.toolbar-wp-notif .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-notif .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-notif .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-notif .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-notif .bar-button-skeleton-wp,
.toolbar-wp-notif .bar-button-clear-wp-skeleton,
.toolbar-wp-notif .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-notif .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-notif .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-notif .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-notif .bar-button-outline-wp,
.toolbar-wp-notif .bar-button-clear-wp-outline,
.toolbar-wp-notif .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-notif .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-notif .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-notif .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-notif .bar-button-secondary-text-wp,
.toolbar-wp-notif .bar-button-clear-wp-secondary-text,
.toolbar-wp-notif .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-notif .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-notif .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-notif .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-notif .bar-button-text-wp,
.toolbar-wp-notif .bar-button-clear-wp-text,
.toolbar-wp-notif .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-notif .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-notif .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-notif .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-notif .bar-button-label-wp,
.toolbar-wp-notif .bar-button-clear-wp-label,
.toolbar-wp-notif .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-notif .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-notif .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-notif .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-notif .bar-button-hover-wp,
.toolbar-wp-notif .bar-button-clear-wp-hover,
.toolbar-wp-notif .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-notif .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-notif .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-notif .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-notif .bar-button-hover-dark-wp,
.toolbar-wp-notif .bar-button-clear-wp-hover-dark,
.toolbar-wp-notif .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-notif .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-notif .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-notif .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-notif .bar-button-bgcard-wp,
.toolbar-wp-notif .bar-button-clear-wp-bgcard,
.toolbar-wp-notif .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-notif .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-notif .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-notif .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-notif .bar-button-bgcard2-wp,
.toolbar-wp-notif .bar-button-clear-wp-bgcard2,
.toolbar-wp-notif .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-notif .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-notif .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-notif .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-notif .bar-button-bglabel-wp,
.toolbar-wp-notif .bar-button-clear-wp-bglabel,
.toolbar-wp-notif .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-notif .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-notif .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-notif .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-notif .bar-button-primary-light-wp,
.toolbar-wp-notif .bar-button-clear-wp-primary-light,
.toolbar-wp-notif .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-notif .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-notif .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-notif .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-notif .bar-button-bgicon-wp,
.toolbar-wp-notif .bar-button-clear-wp-bgicon,
.toolbar-wp-notif .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-notif .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-notif .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-notif .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-notif .bar-button-primary-text-wp,
.toolbar-wp-notif .bar-button-clear-wp-primary-text,
.toolbar-wp-notif .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-notif .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-notif .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-notif .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-notif .bar-button-white-wp,
.toolbar-wp-notif .bar-button-clear-wp-white,
.toolbar-wp-notif .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-notif .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-notif .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-notif .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-notif .bar-button-success-wp,
.toolbar-wp-notif .bar-button-clear-wp-success,
.toolbar-wp-notif .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-notif .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-notif .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-notif .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-notif .bar-button-info-wp,
.toolbar-wp-notif .bar-button-clear-wp-info,
.toolbar-wp-notif .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-notif .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-notif .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-notif .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-notif .bar-button-warning-wp,
.toolbar-wp-notif .bar-button-clear-wp-warning,
.toolbar-wp-notif .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-notif .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-notif .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-notif .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-notif .bar-button-danger-wp,
.toolbar-wp-notif .bar-button-clear-wp-danger,
.toolbar-wp-notif .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-notif .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-notif .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-notif .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-notif .bar-button-tam-wp,
.toolbar-wp-notif .bar-button-clear-wp-tam,
.toolbar-wp-notif .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-notif .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-notif .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-notif .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-notif .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-notif .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-notif-wp,
.bar-button-clear-wp-notif,
.bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.bar-button-notif-wp:hover:not(.disable-hover),
.bar-button-clear-wp-notif:hover:not(.disable-hover),
.bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-new-badge .toolbar-background-wp {
  background: #63BEFB;
}

.toolbar-wp-new-badge .bar-button-clear-wp,
.toolbar-wp-new-badge .bar-button-default-wp,
.toolbar-wp-new-badge .bar-button-outline-wp,
.toolbar-wp-new-badge .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-new-badge .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-new-badge .bar-button-primary-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-primary,
.toolbar-wp-new-badge .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-new-badge .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-new-badge .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-new-badge .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-new-badge .bar-button-secondary-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-secondary,
.toolbar-wp-new-badge .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-new-badge .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-new-badge .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-new-badge .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-new-badge .bar-button-danger-low-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-danger-low,
.toolbar-wp-new-badge .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-new-badge .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-new-badge .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-new-badge .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-new-badge .bar-button-light-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-light,
.toolbar-wp-new-badge .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-new-badge .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-new-badge .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-new-badge .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-new-badge .bar-button-dark-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-dark,
.toolbar-wp-new-badge .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-new-badge .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-new-badge .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-new-badge .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-new-badge .bar-button-favorite-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-favorite,
.toolbar-wp-new-badge .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-new-badge .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-new-badge .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-new-badge .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-new-badge .bar-button-darkgrey-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-darkgrey,
.toolbar-wp-new-badge .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-new-badge .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-new-badge .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-new-badge .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-new-badge .bar-button-emerald-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-emerald,
.toolbar-wp-new-badge .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-new-badge .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-new-badge .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-new-badge .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-new-badge .bar-button-concrete-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-concrete,
.toolbar-wp-new-badge .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-new-badge .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-new-badge .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-new-badge .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-new-badge .bar-button-yellow-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-yellow,
.toolbar-wp-new-badge .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-new-badge .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-new-badge .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-new-badge .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-new-badge .bar-button-black-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-black,
.toolbar-wp-new-badge .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-new-badge .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-new-badge .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-new-badge .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-new-badge .bar-button-grey-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-grey,
.toolbar-wp-new-badge .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-new-badge .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-new-badge .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-new-badge .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-new-badge .bar-button-red-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-red,
.toolbar-wp-new-badge .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-new-badge .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-new-badge .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-new-badge .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-new-badge .bar-button-notif-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-notif,
.toolbar-wp-new-badge .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-new-badge .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-new-badge .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-new-badge .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-new-badge .bar-button-new-badge-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-new-badge,
.toolbar-wp-new-badge .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-new-badge .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-new-badge .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-new-badge .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-new-badge .bar-button-accent-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-accent,
.toolbar-wp-new-badge .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-new-badge .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-new-badge .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-new-badge .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-new-badge .bar-button-skeleton-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-skeleton,
.toolbar-wp-new-badge .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-new-badge .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-new-badge .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-new-badge .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-new-badge .bar-button-outline-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-outline,
.toolbar-wp-new-badge .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-new-badge .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-new-badge .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-new-badge .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-new-badge .bar-button-secondary-text-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-secondary-text,
.toolbar-wp-new-badge .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-new-badge .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-new-badge .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-new-badge .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-new-badge .bar-button-text-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-text,
.toolbar-wp-new-badge .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-new-badge .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-new-badge .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-new-badge .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-new-badge .bar-button-label-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-label,
.toolbar-wp-new-badge .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-new-badge .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-new-badge .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-new-badge .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-new-badge .bar-button-hover-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-hover,
.toolbar-wp-new-badge .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-new-badge .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-new-badge .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-new-badge .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-new-badge .bar-button-hover-dark-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-hover-dark,
.toolbar-wp-new-badge .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-new-badge .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-new-badge .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-new-badge .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-new-badge .bar-button-bgcard-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-bgcard,
.toolbar-wp-new-badge .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-new-badge .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-new-badge .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-new-badge .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-new-badge .bar-button-bgcard2-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-bgcard2,
.toolbar-wp-new-badge .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-new-badge .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-new-badge .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-new-badge .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-new-badge .bar-button-bglabel-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-bglabel,
.toolbar-wp-new-badge .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-new-badge .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-new-badge .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-new-badge .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-new-badge .bar-button-primary-light-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-primary-light,
.toolbar-wp-new-badge .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-new-badge .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-new-badge .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-new-badge .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-new-badge .bar-button-bgicon-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-bgicon,
.toolbar-wp-new-badge .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-new-badge .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-new-badge .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-new-badge .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-new-badge .bar-button-primary-text-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-primary-text,
.toolbar-wp-new-badge .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-new-badge .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-new-badge .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-new-badge .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-new-badge .bar-button-white-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-white,
.toolbar-wp-new-badge .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-new-badge .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-new-badge .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-new-badge .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-new-badge .bar-button-success-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-success,
.toolbar-wp-new-badge .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-new-badge .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-new-badge .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-new-badge .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-new-badge .bar-button-info-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-info,
.toolbar-wp-new-badge .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-new-badge .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-new-badge .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-new-badge .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-new-badge .bar-button-warning-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-warning,
.toolbar-wp-new-badge .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-new-badge .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-new-badge .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-new-badge .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-new-badge .bar-button-danger-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-danger,
.toolbar-wp-new-badge .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-new-badge .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-new-badge .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-new-badge .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-new-badge .bar-button-tam-wp,
.toolbar-wp-new-badge .bar-button-clear-wp-tam,
.toolbar-wp-new-badge .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-new-badge .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-new-badge .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-new-badge .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-new-badge .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-new-badge .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-new-badge-wp,
.bar-button-clear-wp-new-badge,
.bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.bar-button-new-badge-wp:hover:not(.disable-hover),
.bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-accent .toolbar-background-wp {
  background: #63BEFB;
}

.toolbar-wp-accent .bar-button-clear-wp,
.toolbar-wp-accent .bar-button-default-wp,
.toolbar-wp-accent .bar-button-outline-wp,
.toolbar-wp-accent .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-accent .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-accent .bar-button-primary-wp,
.toolbar-wp-accent .bar-button-clear-wp-primary,
.toolbar-wp-accent .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-accent .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-accent .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-accent .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-accent .bar-button-secondary-wp,
.toolbar-wp-accent .bar-button-clear-wp-secondary,
.toolbar-wp-accent .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-accent .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-accent .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-accent .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-accent .bar-button-danger-low-wp,
.toolbar-wp-accent .bar-button-clear-wp-danger-low,
.toolbar-wp-accent .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-accent .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-accent .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-accent .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-accent .bar-button-light-wp,
.toolbar-wp-accent .bar-button-clear-wp-light,
.toolbar-wp-accent .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-accent .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-accent .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-accent .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-accent .bar-button-dark-wp,
.toolbar-wp-accent .bar-button-clear-wp-dark,
.toolbar-wp-accent .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-accent .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-accent .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-accent .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-accent .bar-button-favorite-wp,
.toolbar-wp-accent .bar-button-clear-wp-favorite,
.toolbar-wp-accent .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-accent .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-accent .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-accent .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-accent .bar-button-darkgrey-wp,
.toolbar-wp-accent .bar-button-clear-wp-darkgrey,
.toolbar-wp-accent .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-accent .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-accent .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-accent .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-accent .bar-button-emerald-wp,
.toolbar-wp-accent .bar-button-clear-wp-emerald,
.toolbar-wp-accent .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-accent .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-accent .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-accent .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-accent .bar-button-concrete-wp,
.toolbar-wp-accent .bar-button-clear-wp-concrete,
.toolbar-wp-accent .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-accent .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-accent .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-accent .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-accent .bar-button-yellow-wp,
.toolbar-wp-accent .bar-button-clear-wp-yellow,
.toolbar-wp-accent .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-accent .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-accent .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-accent .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-accent .bar-button-black-wp,
.toolbar-wp-accent .bar-button-clear-wp-black,
.toolbar-wp-accent .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-accent .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-accent .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-accent .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-accent .bar-button-grey-wp,
.toolbar-wp-accent .bar-button-clear-wp-grey,
.toolbar-wp-accent .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-accent .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-accent .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-accent .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-accent .bar-button-red-wp,
.toolbar-wp-accent .bar-button-clear-wp-red,
.toolbar-wp-accent .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-accent .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-accent .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-accent .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-accent .bar-button-notif-wp,
.toolbar-wp-accent .bar-button-clear-wp-notif,
.toolbar-wp-accent .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-accent .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-accent .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-accent .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-accent .bar-button-new-badge-wp,
.toolbar-wp-accent .bar-button-clear-wp-new-badge,
.toolbar-wp-accent .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-accent .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-accent .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-accent .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-accent .bar-button-accent-wp,
.toolbar-wp-accent .bar-button-clear-wp-accent,
.toolbar-wp-accent .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-accent .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-accent .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-accent .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-accent .bar-button-skeleton-wp,
.toolbar-wp-accent .bar-button-clear-wp-skeleton,
.toolbar-wp-accent .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-accent .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-accent .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-accent .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-accent .bar-button-outline-wp,
.toolbar-wp-accent .bar-button-clear-wp-outline,
.toolbar-wp-accent .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-accent .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-accent .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-accent .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-accent .bar-button-secondary-text-wp,
.toolbar-wp-accent .bar-button-clear-wp-secondary-text,
.toolbar-wp-accent .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-accent .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-accent .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-accent .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-accent .bar-button-text-wp,
.toolbar-wp-accent .bar-button-clear-wp-text,
.toolbar-wp-accent .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-accent .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-accent .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-accent .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-accent .bar-button-label-wp,
.toolbar-wp-accent .bar-button-clear-wp-label,
.toolbar-wp-accent .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-accent .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-accent .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-accent .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-accent .bar-button-hover-wp,
.toolbar-wp-accent .bar-button-clear-wp-hover,
.toolbar-wp-accent .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-accent .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-accent .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-accent .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-accent .bar-button-hover-dark-wp,
.toolbar-wp-accent .bar-button-clear-wp-hover-dark,
.toolbar-wp-accent .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-accent .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-accent .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-accent .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-accent .bar-button-bgcard-wp,
.toolbar-wp-accent .bar-button-clear-wp-bgcard,
.toolbar-wp-accent .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-accent .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-accent .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-accent .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-accent .bar-button-bgcard2-wp,
.toolbar-wp-accent .bar-button-clear-wp-bgcard2,
.toolbar-wp-accent .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-accent .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-accent .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-accent .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-accent .bar-button-bglabel-wp,
.toolbar-wp-accent .bar-button-clear-wp-bglabel,
.toolbar-wp-accent .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-accent .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-accent .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-accent .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-accent .bar-button-primary-light-wp,
.toolbar-wp-accent .bar-button-clear-wp-primary-light,
.toolbar-wp-accent .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-accent .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-accent .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-accent .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-accent .bar-button-bgicon-wp,
.toolbar-wp-accent .bar-button-clear-wp-bgicon,
.toolbar-wp-accent .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-accent .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-accent .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-accent .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-accent .bar-button-primary-text-wp,
.toolbar-wp-accent .bar-button-clear-wp-primary-text,
.toolbar-wp-accent .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-accent .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-accent .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-accent .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-accent .bar-button-white-wp,
.toolbar-wp-accent .bar-button-clear-wp-white,
.toolbar-wp-accent .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-accent .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-accent .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-accent .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-accent .bar-button-success-wp,
.toolbar-wp-accent .bar-button-clear-wp-success,
.toolbar-wp-accent .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-accent .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-accent .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-accent .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-accent .bar-button-info-wp,
.toolbar-wp-accent .bar-button-clear-wp-info,
.toolbar-wp-accent .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-accent .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-accent .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-accent .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-accent .bar-button-warning-wp,
.toolbar-wp-accent .bar-button-clear-wp-warning,
.toolbar-wp-accent .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-accent .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-accent .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-accent .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-accent .bar-button-danger-wp,
.toolbar-wp-accent .bar-button-clear-wp-danger,
.toolbar-wp-accent .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-accent .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-accent .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-accent .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-accent .bar-button-tam-wp,
.toolbar-wp-accent .bar-button-clear-wp-tam,
.toolbar-wp-accent .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-accent .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-accent .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-accent .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-accent .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-accent .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-accent-wp,
.bar-button-clear-wp-accent,
.bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.bar-button-accent-wp:hover:not(.disable-hover),
.bar-button-clear-wp-accent:hover:not(.disable-hover),
.bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-skeleton .toolbar-background-wp {
  background: #dddddd;
}

.toolbar-wp-skeleton .bar-button-clear-wp,
.toolbar-wp-skeleton .bar-button-default-wp,
.toolbar-wp-skeleton .bar-button-outline-wp,
.toolbar-wp-skeleton .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-skeleton .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-skeleton .bar-button-primary-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-primary,
.toolbar-wp-skeleton .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-skeleton .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-skeleton .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-skeleton .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-skeleton .bar-button-secondary-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-secondary,
.toolbar-wp-skeleton .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-skeleton .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-skeleton .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-skeleton .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-skeleton .bar-button-danger-low-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-danger-low,
.toolbar-wp-skeleton .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-skeleton .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-skeleton .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-skeleton .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-skeleton .bar-button-light-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-light,
.toolbar-wp-skeleton .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-skeleton .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-skeleton .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-skeleton .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-skeleton .bar-button-dark-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-dark,
.toolbar-wp-skeleton .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-skeleton .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-skeleton .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-skeleton .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-skeleton .bar-button-favorite-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-favorite,
.toolbar-wp-skeleton .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-skeleton .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-skeleton .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-skeleton .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-skeleton .bar-button-darkgrey-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-darkgrey,
.toolbar-wp-skeleton .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-skeleton .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-skeleton .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-skeleton .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-skeleton .bar-button-emerald-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-emerald,
.toolbar-wp-skeleton .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-skeleton .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-skeleton .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-skeleton .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-skeleton .bar-button-concrete-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-concrete,
.toolbar-wp-skeleton .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-skeleton .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-skeleton .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-skeleton .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-skeleton .bar-button-yellow-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-yellow,
.toolbar-wp-skeleton .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-skeleton .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-skeleton .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-skeleton .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-skeleton .bar-button-black-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-black,
.toolbar-wp-skeleton .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-skeleton .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-skeleton .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-skeleton .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-skeleton .bar-button-grey-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-grey,
.toolbar-wp-skeleton .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-skeleton .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-skeleton .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-skeleton .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-skeleton .bar-button-red-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-red,
.toolbar-wp-skeleton .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-skeleton .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-skeleton .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-skeleton .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-skeleton .bar-button-notif-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-notif,
.toolbar-wp-skeleton .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-skeleton .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-skeleton .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-skeleton .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-skeleton .bar-button-new-badge-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-new-badge,
.toolbar-wp-skeleton .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-skeleton .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-skeleton .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-skeleton .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-skeleton .bar-button-accent-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-accent,
.toolbar-wp-skeleton .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-skeleton .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-skeleton .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-skeleton .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-skeleton .bar-button-skeleton-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-skeleton,
.toolbar-wp-skeleton .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-skeleton .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-skeleton .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-skeleton .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-skeleton .bar-button-outline-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-outline,
.toolbar-wp-skeleton .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-skeleton .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-skeleton .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-skeleton .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-skeleton .bar-button-secondary-text-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-secondary-text,
.toolbar-wp-skeleton .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-skeleton .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-skeleton .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-skeleton .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-skeleton .bar-button-text-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-text,
.toolbar-wp-skeleton .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-skeleton .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-skeleton .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-skeleton .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-skeleton .bar-button-label-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-label,
.toolbar-wp-skeleton .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-skeleton .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-skeleton .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-skeleton .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-skeleton .bar-button-hover-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-hover,
.toolbar-wp-skeleton .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-skeleton .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-skeleton .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-skeleton .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-skeleton .bar-button-hover-dark-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-hover-dark,
.toolbar-wp-skeleton .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-skeleton .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-skeleton .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-skeleton .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-skeleton .bar-button-bgcard-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-bgcard,
.toolbar-wp-skeleton .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-skeleton .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-skeleton .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-skeleton .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-skeleton .bar-button-bgcard2-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-bgcard2,
.toolbar-wp-skeleton .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-skeleton .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-skeleton .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-skeleton .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-skeleton .bar-button-bglabel-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-bglabel,
.toolbar-wp-skeleton .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-skeleton .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-skeleton .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-skeleton .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-skeleton .bar-button-primary-light-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-primary-light,
.toolbar-wp-skeleton .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-skeleton .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-skeleton .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-skeleton .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-skeleton .bar-button-bgicon-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-bgicon,
.toolbar-wp-skeleton .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-skeleton .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-skeleton .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-skeleton .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-skeleton .bar-button-primary-text-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-primary-text,
.toolbar-wp-skeleton .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-skeleton .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-skeleton .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-skeleton .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-skeleton .bar-button-white-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-white,
.toolbar-wp-skeleton .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-skeleton .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-skeleton .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-skeleton .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-skeleton .bar-button-success-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-success,
.toolbar-wp-skeleton .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-skeleton .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-skeleton .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-skeleton .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-skeleton .bar-button-info-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-info,
.toolbar-wp-skeleton .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-skeleton .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-skeleton .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-skeleton .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-skeleton .bar-button-warning-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-warning,
.toolbar-wp-skeleton .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-skeleton .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-skeleton .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-skeleton .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-skeleton .bar-button-danger-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-danger,
.toolbar-wp-skeleton .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-skeleton .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-skeleton .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-skeleton .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-skeleton .bar-button-tam-wp,
.toolbar-wp-skeleton .bar-button-clear-wp-tam,
.toolbar-wp-skeleton .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-skeleton .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-skeleton .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-skeleton .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-skeleton .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-skeleton .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-skeleton-wp,
.bar-button-clear-wp-skeleton,
.bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.bar-button-skeleton-wp:hover:not(.disable-hover),
.bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-outline .toolbar-background-wp {
  background: #dbdbe1;
}

.toolbar-wp-outline .bar-button-clear-wp,
.toolbar-wp-outline .bar-button-default-wp,
.toolbar-wp-outline .bar-button-outline-wp,
.toolbar-wp-outline .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-outline .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-outline .bar-button-primary-wp,
.toolbar-wp-outline .bar-button-clear-wp-primary,
.toolbar-wp-outline .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-outline .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-outline .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-outline .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-outline .bar-button-secondary-wp,
.toolbar-wp-outline .bar-button-clear-wp-secondary,
.toolbar-wp-outline .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-outline .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-outline .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-outline .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-outline .bar-button-danger-low-wp,
.toolbar-wp-outline .bar-button-clear-wp-danger-low,
.toolbar-wp-outline .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-outline .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-outline .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-outline .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-outline .bar-button-light-wp,
.toolbar-wp-outline .bar-button-clear-wp-light,
.toolbar-wp-outline .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-outline .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-outline .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-outline .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-outline .bar-button-dark-wp,
.toolbar-wp-outline .bar-button-clear-wp-dark,
.toolbar-wp-outline .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-outline .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-outline .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-outline .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-outline .bar-button-favorite-wp,
.toolbar-wp-outline .bar-button-clear-wp-favorite,
.toolbar-wp-outline .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-outline .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-outline .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-outline .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-outline .bar-button-darkgrey-wp,
.toolbar-wp-outline .bar-button-clear-wp-darkgrey,
.toolbar-wp-outline .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-outline .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-outline .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-outline .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-outline .bar-button-emerald-wp,
.toolbar-wp-outline .bar-button-clear-wp-emerald,
.toolbar-wp-outline .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-outline .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-outline .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-outline .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-outline .bar-button-concrete-wp,
.toolbar-wp-outline .bar-button-clear-wp-concrete,
.toolbar-wp-outline .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-outline .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-outline .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-outline .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-outline .bar-button-yellow-wp,
.toolbar-wp-outline .bar-button-clear-wp-yellow,
.toolbar-wp-outline .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-outline .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-outline .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-outline .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-outline .bar-button-black-wp,
.toolbar-wp-outline .bar-button-clear-wp-black,
.toolbar-wp-outline .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-outline .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-outline .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-outline .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-outline .bar-button-grey-wp,
.toolbar-wp-outline .bar-button-clear-wp-grey,
.toolbar-wp-outline .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-outline .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-outline .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-outline .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-outline .bar-button-red-wp,
.toolbar-wp-outline .bar-button-clear-wp-red,
.toolbar-wp-outline .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-outline .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-outline .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-outline .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-outline .bar-button-notif-wp,
.toolbar-wp-outline .bar-button-clear-wp-notif,
.toolbar-wp-outline .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-outline .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-outline .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-outline .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-outline .bar-button-new-badge-wp,
.toolbar-wp-outline .bar-button-clear-wp-new-badge,
.toolbar-wp-outline .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-outline .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-outline .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-outline .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-outline .bar-button-accent-wp,
.toolbar-wp-outline .bar-button-clear-wp-accent,
.toolbar-wp-outline .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-outline .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-outline .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-outline .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-outline .bar-button-skeleton-wp,
.toolbar-wp-outline .bar-button-clear-wp-skeleton,
.toolbar-wp-outline .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-outline .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-outline .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-outline .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-outline .bar-button-outline-wp,
.toolbar-wp-outline .bar-button-clear-wp-outline,
.toolbar-wp-outline .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-outline .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-outline .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-outline .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-outline .bar-button-secondary-text-wp,
.toolbar-wp-outline .bar-button-clear-wp-secondary-text,
.toolbar-wp-outline .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-outline .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-outline .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-outline .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-outline .bar-button-text-wp,
.toolbar-wp-outline .bar-button-clear-wp-text,
.toolbar-wp-outline .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-outline .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-outline .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-outline .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-outline .bar-button-label-wp,
.toolbar-wp-outline .bar-button-clear-wp-label,
.toolbar-wp-outline .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-outline .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-outline .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-outline .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-outline .bar-button-hover-wp,
.toolbar-wp-outline .bar-button-clear-wp-hover,
.toolbar-wp-outline .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-outline .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-outline .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-outline .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-outline .bar-button-hover-dark-wp,
.toolbar-wp-outline .bar-button-clear-wp-hover-dark,
.toolbar-wp-outline .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-outline .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-outline .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-outline .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-outline .bar-button-bgcard-wp,
.toolbar-wp-outline .bar-button-clear-wp-bgcard,
.toolbar-wp-outline .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-outline .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-outline .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-outline .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-outline .bar-button-bgcard2-wp,
.toolbar-wp-outline .bar-button-clear-wp-bgcard2,
.toolbar-wp-outline .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-outline .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-outline .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-outline .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-outline .bar-button-bglabel-wp,
.toolbar-wp-outline .bar-button-clear-wp-bglabel,
.toolbar-wp-outline .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-outline .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-outline .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-outline .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-outline .bar-button-primary-light-wp,
.toolbar-wp-outline .bar-button-clear-wp-primary-light,
.toolbar-wp-outline .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-outline .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-outline .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-outline .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-outline .bar-button-bgicon-wp,
.toolbar-wp-outline .bar-button-clear-wp-bgicon,
.toolbar-wp-outline .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-outline .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-outline .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-outline .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-outline .bar-button-primary-text-wp,
.toolbar-wp-outline .bar-button-clear-wp-primary-text,
.toolbar-wp-outline .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-outline .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-outline .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-outline .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-outline .bar-button-white-wp,
.toolbar-wp-outline .bar-button-clear-wp-white,
.toolbar-wp-outline .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-outline .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-outline .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-outline .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-outline .bar-button-success-wp,
.toolbar-wp-outline .bar-button-clear-wp-success,
.toolbar-wp-outline .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-outline .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-outline .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-outline .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-outline .bar-button-info-wp,
.toolbar-wp-outline .bar-button-clear-wp-info,
.toolbar-wp-outline .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-outline .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-outline .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-outline .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-outline .bar-button-warning-wp,
.toolbar-wp-outline .bar-button-clear-wp-warning,
.toolbar-wp-outline .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-outline .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-outline .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-outline .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-outline .bar-button-danger-wp,
.toolbar-wp-outline .bar-button-clear-wp-danger,
.toolbar-wp-outline .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-outline .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-outline .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-outline .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-outline .bar-button-tam-wp,
.toolbar-wp-outline .bar-button-clear-wp-tam,
.toolbar-wp-outline .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-outline .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-outline .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-outline .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-outline .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-outline .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-outline-wp,
.bar-button-clear-wp-outline,
.bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.bar-button-outline-wp:hover:not(.disable-hover),
.bar-button-clear-wp-outline:hover:not(.disable-hover),
.bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-secondary-text .toolbar-background-wp {
  background: #A5B0B7;
}

.toolbar-wp-secondary-text .bar-button-clear-wp,
.toolbar-wp-secondary-text .bar-button-default-wp,
.toolbar-wp-secondary-text .bar-button-outline-wp,
.toolbar-wp-secondary-text .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-secondary-text .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-secondary-text .bar-button-primary-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-primary,
.toolbar-wp-secondary-text .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-secondary-text .bar-button-secondary-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-secondary,
.toolbar-wp-secondary-text .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary-text .bar-button-danger-low-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-danger-low,
.toolbar-wp-secondary-text .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-secondary-text .bar-button-light-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-light,
.toolbar-wp-secondary-text .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-secondary-text .bar-button-dark-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-dark,
.toolbar-wp-secondary-text .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-secondary-text .bar-button-favorite-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-favorite,
.toolbar-wp-secondary-text .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-secondary-text .bar-button-darkgrey-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-darkgrey,
.toolbar-wp-secondary-text .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-secondary-text .bar-button-emerald-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-emerald,
.toolbar-wp-secondary-text .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-secondary-text .bar-button-concrete-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-concrete,
.toolbar-wp-secondary-text .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-secondary-text .bar-button-yellow-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-yellow,
.toolbar-wp-secondary-text .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-secondary-text .bar-button-black-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-black,
.toolbar-wp-secondary-text .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-secondary-text .bar-button-grey-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-grey,
.toolbar-wp-secondary-text .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-secondary-text .bar-button-red-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-red,
.toolbar-wp-secondary-text .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-secondary-text .bar-button-notif-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-notif,
.toolbar-wp-secondary-text .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-secondary-text .bar-button-new-badge-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-new-badge,
.toolbar-wp-secondary-text .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary-text .bar-button-accent-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-accent,
.toolbar-wp-secondary-text .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-secondary-text .bar-button-skeleton-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-skeleton,
.toolbar-wp-secondary-text .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-secondary-text .bar-button-outline-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-outline,
.toolbar-wp-secondary-text .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-secondary-text .bar-button-secondary-text-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-secondary-text,
.toolbar-wp-secondary-text .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-secondary-text .bar-button-text-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-text,
.toolbar-wp-secondary-text .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-secondary-text .bar-button-label-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-label,
.toolbar-wp-secondary-text .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-secondary-text .bar-button-hover-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-hover,
.toolbar-wp-secondary-text .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-secondary-text .bar-button-hover-dark-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-hover-dark,
.toolbar-wp-secondary-text .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-secondary-text .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-secondary-text .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-secondary-text .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-secondary-text .bar-button-bgcard-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-bgcard,
.toolbar-wp-secondary-text .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-secondary-text .bar-button-bgcard2-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-bgcard2,
.toolbar-wp-secondary-text .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-secondary-text .bar-button-bglabel-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-bglabel,
.toolbar-wp-secondary-text .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-secondary-text .bar-button-primary-light-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-primary-light,
.toolbar-wp-secondary-text .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-secondary-text .bar-button-bgicon-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-bgicon,
.toolbar-wp-secondary-text .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-secondary-text .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-secondary-text .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-secondary-text .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-secondary-text .bar-button-primary-text-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-primary-text,
.toolbar-wp-secondary-text .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-secondary-text .bar-button-white-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-white,
.toolbar-wp-secondary-text .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-secondary-text .bar-button-success-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-success,
.toolbar-wp-secondary-text .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-secondary-text .bar-button-info-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-info,
.toolbar-wp-secondary-text .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-secondary-text .bar-button-warning-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-warning,
.toolbar-wp-secondary-text .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-secondary-text .bar-button-danger-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-danger,
.toolbar-wp-secondary-text .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-secondary-text .bar-button-tam-wp,
.toolbar-wp-secondary-text .bar-button-clear-wp-tam,
.toolbar-wp-secondary-text .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-secondary-text .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-secondary-text .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-secondary-text .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-secondary-text-wp,
.bar-button-clear-wp-secondary-text,
.bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.bar-button-secondary-text-wp:hover:not(.disable-hover),
.bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-text .toolbar-background-wp {
  background: #192528;
}

.toolbar-wp-text .bar-button-clear-wp,
.toolbar-wp-text .bar-button-default-wp,
.toolbar-wp-text .bar-button-outline-wp,
.toolbar-wp-text .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-text .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-text .bar-button-primary-wp,
.toolbar-wp-text .bar-button-clear-wp-primary,
.toolbar-wp-text .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-text .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-text .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-text .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-text .bar-button-secondary-wp,
.toolbar-wp-text .bar-button-clear-wp-secondary,
.toolbar-wp-text .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-text .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-text .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-text .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-text .bar-button-danger-low-wp,
.toolbar-wp-text .bar-button-clear-wp-danger-low,
.toolbar-wp-text .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-text .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-text .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-text .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-text .bar-button-light-wp,
.toolbar-wp-text .bar-button-clear-wp-light,
.toolbar-wp-text .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-text .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-text .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-text .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-text .bar-button-dark-wp,
.toolbar-wp-text .bar-button-clear-wp-dark,
.toolbar-wp-text .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-text .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-text .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-text .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-text .bar-button-favorite-wp,
.toolbar-wp-text .bar-button-clear-wp-favorite,
.toolbar-wp-text .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-text .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-text .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-text .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-text .bar-button-darkgrey-wp,
.toolbar-wp-text .bar-button-clear-wp-darkgrey,
.toolbar-wp-text .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-text .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-text .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-text .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-text .bar-button-emerald-wp,
.toolbar-wp-text .bar-button-clear-wp-emerald,
.toolbar-wp-text .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-text .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-text .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-text .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-text .bar-button-concrete-wp,
.toolbar-wp-text .bar-button-clear-wp-concrete,
.toolbar-wp-text .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-text .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-text .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-text .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-text .bar-button-yellow-wp,
.toolbar-wp-text .bar-button-clear-wp-yellow,
.toolbar-wp-text .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-text .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-text .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-text .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-text .bar-button-black-wp,
.toolbar-wp-text .bar-button-clear-wp-black,
.toolbar-wp-text .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-text .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-text .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-text .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-text .bar-button-grey-wp,
.toolbar-wp-text .bar-button-clear-wp-grey,
.toolbar-wp-text .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-text .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-text .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-text .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-text .bar-button-red-wp,
.toolbar-wp-text .bar-button-clear-wp-red,
.toolbar-wp-text .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-text .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-text .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-text .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-text .bar-button-notif-wp,
.toolbar-wp-text .bar-button-clear-wp-notif,
.toolbar-wp-text .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-text .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-text .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-text .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-text .bar-button-new-badge-wp,
.toolbar-wp-text .bar-button-clear-wp-new-badge,
.toolbar-wp-text .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-text .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-text .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-text .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-text .bar-button-accent-wp,
.toolbar-wp-text .bar-button-clear-wp-accent,
.toolbar-wp-text .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-text .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-text .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-text .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-text .bar-button-skeleton-wp,
.toolbar-wp-text .bar-button-clear-wp-skeleton,
.toolbar-wp-text .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-text .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-text .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-text .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-text .bar-button-outline-wp,
.toolbar-wp-text .bar-button-clear-wp-outline,
.toolbar-wp-text .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-text .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-text .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-text .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-text .bar-button-secondary-text-wp,
.toolbar-wp-text .bar-button-clear-wp-secondary-text,
.toolbar-wp-text .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-text .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-text .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-text .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-text .bar-button-text-wp,
.toolbar-wp-text .bar-button-clear-wp-text,
.toolbar-wp-text .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-text .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-text .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-text .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-text .bar-button-label-wp,
.toolbar-wp-text .bar-button-clear-wp-label,
.toolbar-wp-text .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-text .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-text .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-text .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-text .bar-button-hover-wp,
.toolbar-wp-text .bar-button-clear-wp-hover,
.toolbar-wp-text .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-text .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-text .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-text .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-text .bar-button-hover-dark-wp,
.toolbar-wp-text .bar-button-clear-wp-hover-dark,
.toolbar-wp-text .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-text .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-text .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-text .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-text .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-text .bar-button-bgcard-wp,
.toolbar-wp-text .bar-button-clear-wp-bgcard,
.toolbar-wp-text .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-text .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-text .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-text .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-text .bar-button-bgcard2-wp,
.toolbar-wp-text .bar-button-clear-wp-bgcard2,
.toolbar-wp-text .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-text .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-text .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-text .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-text .bar-button-bglabel-wp,
.toolbar-wp-text .bar-button-clear-wp-bglabel,
.toolbar-wp-text .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-text .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-text .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-text .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-text .bar-button-primary-light-wp,
.toolbar-wp-text .bar-button-clear-wp-primary-light,
.toolbar-wp-text .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-text .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-text .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-text .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-text .bar-button-bgicon-wp,
.toolbar-wp-text .bar-button-clear-wp-bgicon,
.toolbar-wp-text .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-text .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-text .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-text .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-text .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-text .bar-button-primary-text-wp,
.toolbar-wp-text .bar-button-clear-wp-primary-text,
.toolbar-wp-text .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-text .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-text .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-text .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-text .bar-button-white-wp,
.toolbar-wp-text .bar-button-clear-wp-white,
.toolbar-wp-text .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-text .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-text .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-text .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-text .bar-button-success-wp,
.toolbar-wp-text .bar-button-clear-wp-success,
.toolbar-wp-text .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-text .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-text .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-text .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-text .bar-button-info-wp,
.toolbar-wp-text .bar-button-clear-wp-info,
.toolbar-wp-text .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-text .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-text .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-text .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-text .bar-button-warning-wp,
.toolbar-wp-text .bar-button-clear-wp-warning,
.toolbar-wp-text .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-text .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-text .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-text .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-text .bar-button-danger-wp,
.toolbar-wp-text .bar-button-clear-wp-danger,
.toolbar-wp-text .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-text .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-text .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-text .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-text .bar-button-tam-wp,
.toolbar-wp-text .bar-button-clear-wp-tam,
.toolbar-wp-text .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-text .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-text .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-text .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-text .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-text .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-text-wp,
.bar-button-clear-wp-text,
.bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.bar-button-text-wp:hover:not(.disable-hover),
.bar-button-clear-wp-text:hover:not(.disable-hover),
.bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-label .toolbar-background-wp {
  background: #333333;
}

.toolbar-wp-label .bar-button-clear-wp,
.toolbar-wp-label .bar-button-default-wp,
.toolbar-wp-label .bar-button-outline-wp,
.toolbar-wp-label .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-label .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-label .bar-button-primary-wp,
.toolbar-wp-label .bar-button-clear-wp-primary,
.toolbar-wp-label .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-label .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-label .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-label .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-label .bar-button-secondary-wp,
.toolbar-wp-label .bar-button-clear-wp-secondary,
.toolbar-wp-label .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-label .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-label .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-label .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-label .bar-button-danger-low-wp,
.toolbar-wp-label .bar-button-clear-wp-danger-low,
.toolbar-wp-label .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-label .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-label .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-label .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-label .bar-button-light-wp,
.toolbar-wp-label .bar-button-clear-wp-light,
.toolbar-wp-label .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-label .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-label .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-label .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-label .bar-button-dark-wp,
.toolbar-wp-label .bar-button-clear-wp-dark,
.toolbar-wp-label .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-label .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-label .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-label .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-label .bar-button-favorite-wp,
.toolbar-wp-label .bar-button-clear-wp-favorite,
.toolbar-wp-label .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-label .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-label .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-label .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-label .bar-button-darkgrey-wp,
.toolbar-wp-label .bar-button-clear-wp-darkgrey,
.toolbar-wp-label .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-label .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-label .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-label .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-label .bar-button-emerald-wp,
.toolbar-wp-label .bar-button-clear-wp-emerald,
.toolbar-wp-label .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-label .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-label .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-label .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-label .bar-button-concrete-wp,
.toolbar-wp-label .bar-button-clear-wp-concrete,
.toolbar-wp-label .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-label .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-label .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-label .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-label .bar-button-yellow-wp,
.toolbar-wp-label .bar-button-clear-wp-yellow,
.toolbar-wp-label .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-label .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-label .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-label .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-label .bar-button-black-wp,
.toolbar-wp-label .bar-button-clear-wp-black,
.toolbar-wp-label .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-label .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-label .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-label .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-label .bar-button-grey-wp,
.toolbar-wp-label .bar-button-clear-wp-grey,
.toolbar-wp-label .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-label .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-label .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-label .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-label .bar-button-red-wp,
.toolbar-wp-label .bar-button-clear-wp-red,
.toolbar-wp-label .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-label .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-label .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-label .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-label .bar-button-notif-wp,
.toolbar-wp-label .bar-button-clear-wp-notif,
.toolbar-wp-label .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-label .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-label .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-label .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-label .bar-button-new-badge-wp,
.toolbar-wp-label .bar-button-clear-wp-new-badge,
.toolbar-wp-label .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-label .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-label .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-label .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-label .bar-button-accent-wp,
.toolbar-wp-label .bar-button-clear-wp-accent,
.toolbar-wp-label .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-label .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-label .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-label .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-label .bar-button-skeleton-wp,
.toolbar-wp-label .bar-button-clear-wp-skeleton,
.toolbar-wp-label .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-label .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-label .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-label .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-label .bar-button-outline-wp,
.toolbar-wp-label .bar-button-clear-wp-outline,
.toolbar-wp-label .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-label .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-label .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-label .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-label .bar-button-secondary-text-wp,
.toolbar-wp-label .bar-button-clear-wp-secondary-text,
.toolbar-wp-label .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-label .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-label .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-label .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-label .bar-button-text-wp,
.toolbar-wp-label .bar-button-clear-wp-text,
.toolbar-wp-label .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-label .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-label .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-label .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-label .bar-button-label-wp,
.toolbar-wp-label .bar-button-clear-wp-label,
.toolbar-wp-label .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-label .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-label .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-label .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-label .bar-button-hover-wp,
.toolbar-wp-label .bar-button-clear-wp-hover,
.toolbar-wp-label .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-label .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-label .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-label .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-label .bar-button-hover-dark-wp,
.toolbar-wp-label .bar-button-clear-wp-hover-dark,
.toolbar-wp-label .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-label .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-label .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-label .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-label .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-label .bar-button-bgcard-wp,
.toolbar-wp-label .bar-button-clear-wp-bgcard,
.toolbar-wp-label .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-label .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-label .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-label .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-label .bar-button-bgcard2-wp,
.toolbar-wp-label .bar-button-clear-wp-bgcard2,
.toolbar-wp-label .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-label .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-label .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-label .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-label .bar-button-bglabel-wp,
.toolbar-wp-label .bar-button-clear-wp-bglabel,
.toolbar-wp-label .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-label .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-label .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-label .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-label .bar-button-primary-light-wp,
.toolbar-wp-label .bar-button-clear-wp-primary-light,
.toolbar-wp-label .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-label .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-label .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-label .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-label .bar-button-bgicon-wp,
.toolbar-wp-label .bar-button-clear-wp-bgicon,
.toolbar-wp-label .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-label .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-label .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-label .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-label .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-label .bar-button-primary-text-wp,
.toolbar-wp-label .bar-button-clear-wp-primary-text,
.toolbar-wp-label .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-label .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-label .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-label .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-label .bar-button-white-wp,
.toolbar-wp-label .bar-button-clear-wp-white,
.toolbar-wp-label .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-label .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-label .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-label .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-label .bar-button-success-wp,
.toolbar-wp-label .bar-button-clear-wp-success,
.toolbar-wp-label .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-label .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-label .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-label .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-label .bar-button-info-wp,
.toolbar-wp-label .bar-button-clear-wp-info,
.toolbar-wp-label .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-label .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-label .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-label .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-label .bar-button-warning-wp,
.toolbar-wp-label .bar-button-clear-wp-warning,
.toolbar-wp-label .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-label .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-label .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-label .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-label .bar-button-danger-wp,
.toolbar-wp-label .bar-button-clear-wp-danger,
.toolbar-wp-label .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-label .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-label .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-label .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-label .bar-button-tam-wp,
.toolbar-wp-label .bar-button-clear-wp-tam,
.toolbar-wp-label .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-label .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-label .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-label .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-label .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-label .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-label-wp,
.bar-button-clear-wp-label,
.bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.bar-button-label-wp:hover:not(.disable-hover),
.bar-button-clear-wp-label:hover:not(.disable-hover),
.bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-hover .toolbar-background-wp {
  background: #eff2f4;
}

.toolbar-wp-hover .bar-button-clear-wp,
.toolbar-wp-hover .bar-button-default-wp,
.toolbar-wp-hover .bar-button-outline-wp,
.toolbar-wp-hover .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-hover .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-hover .bar-button-primary-wp,
.toolbar-wp-hover .bar-button-clear-wp-primary,
.toolbar-wp-hover .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-hover .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-hover .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-hover .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-hover .bar-button-secondary-wp,
.toolbar-wp-hover .bar-button-clear-wp-secondary,
.toolbar-wp-hover .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-hover .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-hover .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover .bar-button-danger-low-wp,
.toolbar-wp-hover .bar-button-clear-wp-danger-low,
.toolbar-wp-hover .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-hover .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-hover .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-hover .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-hover .bar-button-light-wp,
.toolbar-wp-hover .bar-button-clear-wp-light,
.toolbar-wp-hover .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-hover .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-hover .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-hover .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-hover .bar-button-dark-wp,
.toolbar-wp-hover .bar-button-clear-wp-dark,
.toolbar-wp-hover .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-hover .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-hover .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-hover .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-hover .bar-button-favorite-wp,
.toolbar-wp-hover .bar-button-clear-wp-favorite,
.toolbar-wp-hover .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-hover .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-hover .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-hover .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-hover .bar-button-darkgrey-wp,
.toolbar-wp-hover .bar-button-clear-wp-darkgrey,
.toolbar-wp-hover .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-hover .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-hover .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-hover .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-hover .bar-button-emerald-wp,
.toolbar-wp-hover .bar-button-clear-wp-emerald,
.toolbar-wp-hover .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-hover .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-hover .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-hover .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-hover .bar-button-concrete-wp,
.toolbar-wp-hover .bar-button-clear-wp-concrete,
.toolbar-wp-hover .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-hover .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-hover .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-hover .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-hover .bar-button-yellow-wp,
.toolbar-wp-hover .bar-button-clear-wp-yellow,
.toolbar-wp-hover .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-hover .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-hover .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-hover .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-hover .bar-button-black-wp,
.toolbar-wp-hover .bar-button-clear-wp-black,
.toolbar-wp-hover .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-hover .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-hover .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-hover .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-hover .bar-button-grey-wp,
.toolbar-wp-hover .bar-button-clear-wp-grey,
.toolbar-wp-hover .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-hover .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-hover .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-hover .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-hover .bar-button-red-wp,
.toolbar-wp-hover .bar-button-clear-wp-red,
.toolbar-wp-hover .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-hover .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-hover .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-hover .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-hover .bar-button-notif-wp,
.toolbar-wp-hover .bar-button-clear-wp-notif,
.toolbar-wp-hover .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-hover .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-hover .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-hover .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-hover .bar-button-new-badge-wp,
.toolbar-wp-hover .bar-button-clear-wp-new-badge,
.toolbar-wp-hover .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-hover .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-hover .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover .bar-button-accent-wp,
.toolbar-wp-hover .bar-button-clear-wp-accent,
.toolbar-wp-hover .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-hover .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-hover .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover .bar-button-skeleton-wp,
.toolbar-wp-hover .bar-button-clear-wp-skeleton,
.toolbar-wp-hover .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-hover .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-hover .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-hover .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-hover .bar-button-outline-wp,
.toolbar-wp-hover .bar-button-clear-wp-outline,
.toolbar-wp-hover .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-hover .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-hover .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-hover .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-hover .bar-button-secondary-text-wp,
.toolbar-wp-hover .bar-button-clear-wp-secondary-text,
.toolbar-wp-hover .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-hover .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-hover .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-hover .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-hover .bar-button-text-wp,
.toolbar-wp-hover .bar-button-clear-wp-text,
.toolbar-wp-hover .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-hover .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-hover .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-hover .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-hover .bar-button-label-wp,
.toolbar-wp-hover .bar-button-clear-wp-label,
.toolbar-wp-hover .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-hover .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-hover .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-hover .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-hover .bar-button-hover-wp,
.toolbar-wp-hover .bar-button-clear-wp-hover,
.toolbar-wp-hover .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-hover .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-hover .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-hover .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-hover .bar-button-hover-dark-wp,
.toolbar-wp-hover .bar-button-clear-wp-hover-dark,
.toolbar-wp-hover .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-hover .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-hover .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-hover .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-hover .bar-button-bgcard-wp,
.toolbar-wp-hover .bar-button-clear-wp-bgcard,
.toolbar-wp-hover .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-hover .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-hover .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-hover .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-hover .bar-button-bgcard2-wp,
.toolbar-wp-hover .bar-button-clear-wp-bgcard2,
.toolbar-wp-hover .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-hover .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-hover .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-hover .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-hover .bar-button-bglabel-wp,
.toolbar-wp-hover .bar-button-clear-wp-bglabel,
.toolbar-wp-hover .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-hover .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-hover .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-hover .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-hover .bar-button-primary-light-wp,
.toolbar-wp-hover .bar-button-clear-wp-primary-light,
.toolbar-wp-hover .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-hover .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-hover .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-hover .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-hover .bar-button-bgicon-wp,
.toolbar-wp-hover .bar-button-clear-wp-bgicon,
.toolbar-wp-hover .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-hover .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-hover .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-hover .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-hover .bar-button-primary-text-wp,
.toolbar-wp-hover .bar-button-clear-wp-primary-text,
.toolbar-wp-hover .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-hover .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-hover .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-hover .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-hover .bar-button-white-wp,
.toolbar-wp-hover .bar-button-clear-wp-white,
.toolbar-wp-hover .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-hover .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-hover .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-hover .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-hover .bar-button-success-wp,
.toolbar-wp-hover .bar-button-clear-wp-success,
.toolbar-wp-hover .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-hover .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-hover .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-hover .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-hover .bar-button-info-wp,
.toolbar-wp-hover .bar-button-clear-wp-info,
.toolbar-wp-hover .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-hover .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-hover .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-hover .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-hover .bar-button-warning-wp,
.toolbar-wp-hover .bar-button-clear-wp-warning,
.toolbar-wp-hover .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-hover .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-hover .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-hover .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-hover .bar-button-danger-wp,
.toolbar-wp-hover .bar-button-clear-wp-danger,
.toolbar-wp-hover .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-hover .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-hover .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-hover .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-hover .bar-button-tam-wp,
.toolbar-wp-hover .bar-button-clear-wp-tam,
.toolbar-wp-hover .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-hover .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-hover .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-hover .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-hover .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-hover .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-hover-wp,
.bar-button-clear-wp-hover,
.bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.bar-button-hover-wp:hover:not(.disable-hover),
.bar-button-clear-wp-hover:hover:not(.disable-hover),
.bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-hover-dark .toolbar-background-wp {
  background: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-hover-dark .bar-button-clear-wp,
.toolbar-wp-hover-dark .bar-button-default-wp,
.toolbar-wp-hover-dark .bar-button-outline-wp,
.toolbar-wp-hover-dark .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-hover-dark .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-hover-dark .bar-button-primary-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-primary,
.toolbar-wp-hover-dark .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-hover-dark .bar-button-secondary-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-secondary,
.toolbar-wp-hover-dark .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover-dark .bar-button-danger-low-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-danger-low,
.toolbar-wp-hover-dark .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-hover-dark .bar-button-light-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-light,
.toolbar-wp-hover-dark .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-hover-dark .bar-button-dark-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-dark,
.toolbar-wp-hover-dark .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-hover-dark .bar-button-favorite-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-favorite,
.toolbar-wp-hover-dark .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-hover-dark .bar-button-darkgrey-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-darkgrey,
.toolbar-wp-hover-dark .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-hover-dark .bar-button-emerald-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-emerald,
.toolbar-wp-hover-dark .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-hover-dark .bar-button-concrete-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-concrete,
.toolbar-wp-hover-dark .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-hover-dark .bar-button-yellow-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-yellow,
.toolbar-wp-hover-dark .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-hover-dark .bar-button-black-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-black,
.toolbar-wp-hover-dark .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-hover-dark .bar-button-grey-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-grey,
.toolbar-wp-hover-dark .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-hover-dark .bar-button-red-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-red,
.toolbar-wp-hover-dark .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-hover-dark .bar-button-notif-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-notif,
.toolbar-wp-hover-dark .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-hover-dark .bar-button-new-badge-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-new-badge,
.toolbar-wp-hover-dark .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover-dark .bar-button-accent-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-accent,
.toolbar-wp-hover-dark .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-hover-dark .bar-button-skeleton-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-skeleton,
.toolbar-wp-hover-dark .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-hover-dark .bar-button-outline-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-outline,
.toolbar-wp-hover-dark .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-hover-dark .bar-button-secondary-text-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-secondary-text,
.toolbar-wp-hover-dark .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-hover-dark .bar-button-text-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-text,
.toolbar-wp-hover-dark .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-hover-dark .bar-button-label-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-label,
.toolbar-wp-hover-dark .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-hover-dark .bar-button-hover-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-hover,
.toolbar-wp-hover-dark .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-hover-dark .bar-button-hover-dark-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-hover-dark,
.toolbar-wp-hover-dark .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-hover-dark .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-hover-dark .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-hover-dark .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-hover-dark .bar-button-bgcard-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-bgcard,
.toolbar-wp-hover-dark .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-hover-dark .bar-button-bgcard2-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-bgcard2,
.toolbar-wp-hover-dark .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-hover-dark .bar-button-bglabel-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-bglabel,
.toolbar-wp-hover-dark .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-hover-dark .bar-button-primary-light-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-primary-light,
.toolbar-wp-hover-dark .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-hover-dark .bar-button-bgicon-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-bgicon,
.toolbar-wp-hover-dark .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-hover-dark .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-hover-dark .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-hover-dark .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-hover-dark .bar-button-primary-text-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-primary-text,
.toolbar-wp-hover-dark .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-hover-dark .bar-button-white-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-white,
.toolbar-wp-hover-dark .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-hover-dark .bar-button-success-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-success,
.toolbar-wp-hover-dark .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-hover-dark .bar-button-info-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-info,
.toolbar-wp-hover-dark .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-hover-dark .bar-button-warning-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-warning,
.toolbar-wp-hover-dark .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-hover-dark .bar-button-danger-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-danger,
.toolbar-wp-hover-dark .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-hover-dark .bar-button-tam-wp,
.toolbar-wp-hover-dark .bar-button-clear-wp-tam,
.toolbar-wp-hover-dark .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-hover-dark .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-hover-dark .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-hover-dark .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-hover-dark-wp,
.bar-button-clear-wp-hover-dark,
.bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.bar-button-hover-dark-wp:hover:not(.disable-hover),
.bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-bgcard .toolbar-background-wp {
  background: #f2f5f8;
}

.toolbar-wp-bgcard .bar-button-clear-wp,
.toolbar-wp-bgcard .bar-button-default-wp,
.toolbar-wp-bgcard .bar-button-outline-wp,
.toolbar-wp-bgcard .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-bgcard .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-bgcard .bar-button-primary-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-primary,
.toolbar-wp-bgcard .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-bgcard .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-bgcard .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-bgcard .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-bgcard .bar-button-secondary-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-secondary,
.toolbar-wp-bgcard .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bgcard .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bgcard .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard .bar-button-danger-low-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-danger-low,
.toolbar-wp-bgcard .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-bgcard .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-bgcard .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-bgcard .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-bgcard .bar-button-light-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-light,
.toolbar-wp-bgcard .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-bgcard .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-bgcard .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-bgcard .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-bgcard .bar-button-dark-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-dark,
.toolbar-wp-bgcard .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-bgcard .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-bgcard .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-bgcard .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-bgcard .bar-button-favorite-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-favorite,
.toolbar-wp-bgcard .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-bgcard .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-bgcard .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-bgcard .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-bgcard .bar-button-darkgrey-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-darkgrey,
.toolbar-wp-bgcard .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-bgcard .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-bgcard .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-bgcard .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-bgcard .bar-button-emerald-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-emerald,
.toolbar-wp-bgcard .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-bgcard .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-bgcard .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-bgcard .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-bgcard .bar-button-concrete-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-concrete,
.toolbar-wp-bgcard .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-bgcard .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-bgcard .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-bgcard .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-bgcard .bar-button-yellow-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-yellow,
.toolbar-wp-bgcard .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-bgcard .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-bgcard .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-bgcard .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-bgcard .bar-button-black-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-black,
.toolbar-wp-bgcard .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-bgcard .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-bgcard .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-bgcard .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-bgcard .bar-button-grey-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-grey,
.toolbar-wp-bgcard .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-bgcard .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-bgcard .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-bgcard .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-bgcard .bar-button-red-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-red,
.toolbar-wp-bgcard .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-bgcard .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-bgcard .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-bgcard .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-bgcard .bar-button-notif-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-notif,
.toolbar-wp-bgcard .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-bgcard .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-bgcard .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-bgcard .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-bgcard .bar-button-new-badge-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-new-badge,
.toolbar-wp-bgcard .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bgcard .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bgcard .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard .bar-button-accent-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-accent,
.toolbar-wp-bgcard .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bgcard .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bgcard .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard .bar-button-skeleton-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-skeleton,
.toolbar-wp-bgcard .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-bgcard .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-bgcard .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-bgcard .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-bgcard .bar-button-outline-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-outline,
.toolbar-wp-bgcard .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-bgcard .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-bgcard .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-bgcard .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-bgcard .bar-button-secondary-text-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-secondary-text,
.toolbar-wp-bgcard .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-bgcard .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-bgcard .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-bgcard .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-bgcard .bar-button-text-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-text,
.toolbar-wp-bgcard .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-bgcard .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-bgcard .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-bgcard .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-bgcard .bar-button-label-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-label,
.toolbar-wp-bgcard .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-bgcard .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-bgcard .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-bgcard .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-bgcard .bar-button-hover-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-hover,
.toolbar-wp-bgcard .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-bgcard .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-bgcard .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-bgcard .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-bgcard .bar-button-hover-dark-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-hover-dark,
.toolbar-wp-bgcard .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-bgcard .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-bgcard .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-bgcard .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-bgcard .bar-button-bgcard-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-bgcard,
.toolbar-wp-bgcard .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-bgcard .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-bgcard .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-bgcard .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-bgcard .bar-button-bgcard2-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-bgcard2,
.toolbar-wp-bgcard .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-bgcard .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-bgcard .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-bgcard .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-bgcard .bar-button-bglabel-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-bglabel,
.toolbar-wp-bgcard .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-bgcard .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-bgcard .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-bgcard .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-bgcard .bar-button-primary-light-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-primary-light,
.toolbar-wp-bgcard .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-bgcard .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-bgcard .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-bgcard .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-bgcard .bar-button-bgicon-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-bgicon,
.toolbar-wp-bgcard .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-bgcard .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-bgcard .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-bgcard .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-bgcard .bar-button-primary-text-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-primary-text,
.toolbar-wp-bgcard .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-bgcard .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-bgcard .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-bgcard .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-bgcard .bar-button-white-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-white,
.toolbar-wp-bgcard .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-bgcard .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-bgcard .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-bgcard .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-bgcard .bar-button-success-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-success,
.toolbar-wp-bgcard .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-bgcard .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-bgcard .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-bgcard .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-bgcard .bar-button-info-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-info,
.toolbar-wp-bgcard .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-bgcard .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-bgcard .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-bgcard .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-bgcard .bar-button-warning-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-warning,
.toolbar-wp-bgcard .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-bgcard .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-bgcard .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-bgcard .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-bgcard .bar-button-danger-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-danger,
.toolbar-wp-bgcard .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-bgcard .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-bgcard .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-bgcard .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-bgcard .bar-button-tam-wp,
.toolbar-wp-bgcard .bar-button-clear-wp-tam,
.toolbar-wp-bgcard .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-bgcard .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-bgcard .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-bgcard .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-bgcard .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-bgcard .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bgcard-wp,
.bar-button-clear-wp-bgcard,
.bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.bar-button-bgcard-wp:hover:not(.disable-hover),
.bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-bgcard2 .toolbar-background-wp {
  background: #fcfcfc;
}

.toolbar-wp-bgcard2 .bar-button-clear-wp,
.toolbar-wp-bgcard2 .bar-button-default-wp,
.toolbar-wp-bgcard2 .bar-button-outline-wp,
.toolbar-wp-bgcard2 .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-bgcard2 .bar-button-primary-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-primary,
.toolbar-wp-bgcard2 .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-bgcard2 .bar-button-secondary-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-secondary,
.toolbar-wp-bgcard2 .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard2 .bar-button-danger-low-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-danger-low,
.toolbar-wp-bgcard2 .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-bgcard2 .bar-button-light-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-light,
.toolbar-wp-bgcard2 .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-bgcard2 .bar-button-dark-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-dark,
.toolbar-wp-bgcard2 .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-bgcard2 .bar-button-favorite-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-favorite,
.toolbar-wp-bgcard2 .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-bgcard2 .bar-button-darkgrey-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-darkgrey,
.toolbar-wp-bgcard2 .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-bgcard2 .bar-button-emerald-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-emerald,
.toolbar-wp-bgcard2 .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-bgcard2 .bar-button-concrete-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-concrete,
.toolbar-wp-bgcard2 .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-bgcard2 .bar-button-yellow-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-yellow,
.toolbar-wp-bgcard2 .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-bgcard2 .bar-button-black-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-black,
.toolbar-wp-bgcard2 .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-bgcard2 .bar-button-grey-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-grey,
.toolbar-wp-bgcard2 .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-bgcard2 .bar-button-red-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-red,
.toolbar-wp-bgcard2 .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-bgcard2 .bar-button-notif-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-notif,
.toolbar-wp-bgcard2 .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-bgcard2 .bar-button-new-badge-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-new-badge,
.toolbar-wp-bgcard2 .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard2 .bar-button-accent-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-accent,
.toolbar-wp-bgcard2 .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgcard2 .bar-button-skeleton-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-skeleton,
.toolbar-wp-bgcard2 .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-outline,
.toolbar-wp-bgcard2 .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-bgcard2 .bar-button-secondary-text-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-secondary-text,
.toolbar-wp-bgcard2 .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-bgcard2 .bar-button-text-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-text,
.toolbar-wp-bgcard2 .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-bgcard2 .bar-button-label-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-label,
.toolbar-wp-bgcard2 .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-bgcard2 .bar-button-hover-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-hover,
.toolbar-wp-bgcard2 .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-bgcard2 .bar-button-hover-dark-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-hover-dark,
.toolbar-wp-bgcard2 .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-bgcard2 .bar-button-bgcard-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-bgcard,
.toolbar-wp-bgcard2 .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-bgcard2 .bar-button-bgcard2-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-bgcard2,
.toolbar-wp-bgcard2 .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-bgcard2 .bar-button-bglabel-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-bglabel,
.toolbar-wp-bgcard2 .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-bgcard2 .bar-button-primary-light-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-primary-light,
.toolbar-wp-bgcard2 .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-bgcard2 .bar-button-bgicon-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-bgicon,
.toolbar-wp-bgcard2 .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-bgcard2 .bar-button-primary-text-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-primary-text,
.toolbar-wp-bgcard2 .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-bgcard2 .bar-button-white-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-white,
.toolbar-wp-bgcard2 .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-bgcard2 .bar-button-success-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-success,
.toolbar-wp-bgcard2 .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-bgcard2 .bar-button-info-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-info,
.toolbar-wp-bgcard2 .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-bgcard2 .bar-button-warning-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-warning,
.toolbar-wp-bgcard2 .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-bgcard2 .bar-button-danger-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-danger,
.toolbar-wp-bgcard2 .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-bgcard2 .bar-button-tam-wp,
.toolbar-wp-bgcard2 .bar-button-clear-wp-tam,
.toolbar-wp-bgcard2 .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-bgcard2 .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-bgcard2 .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-bgcard2 .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bgcard2-wp,
.bar-button-clear-wp-bgcard2,
.bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.bar-button-bgcard2-wp:hover:not(.disable-hover),
.bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-bglabel .toolbar-background-wp {
  background: #E2E9ED;
}

.toolbar-wp-bglabel .bar-button-clear-wp,
.toolbar-wp-bglabel .bar-button-default-wp,
.toolbar-wp-bglabel .bar-button-outline-wp,
.toolbar-wp-bglabel .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-bglabel .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-bglabel .bar-button-primary-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-primary,
.toolbar-wp-bglabel .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-bglabel .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-bglabel .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-bglabel .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-bglabel .bar-button-secondary-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-secondary,
.toolbar-wp-bglabel .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bglabel .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bglabel .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bglabel .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bglabel .bar-button-danger-low-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-danger-low,
.toolbar-wp-bglabel .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-bglabel .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-bglabel .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-bglabel .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-bglabel .bar-button-light-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-light,
.toolbar-wp-bglabel .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-bglabel .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-bglabel .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-bglabel .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-bglabel .bar-button-dark-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-dark,
.toolbar-wp-bglabel .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-bglabel .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-bglabel .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-bglabel .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-bglabel .bar-button-favorite-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-favorite,
.toolbar-wp-bglabel .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-bglabel .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-bglabel .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-bglabel .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-bglabel .bar-button-darkgrey-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-darkgrey,
.toolbar-wp-bglabel .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-bglabel .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-bglabel .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-bglabel .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-bglabel .bar-button-emerald-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-emerald,
.toolbar-wp-bglabel .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-bglabel .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-bglabel .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-bglabel .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-bglabel .bar-button-concrete-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-concrete,
.toolbar-wp-bglabel .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-bglabel .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-bglabel .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-bglabel .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-bglabel .bar-button-yellow-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-yellow,
.toolbar-wp-bglabel .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-bglabel .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-bglabel .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-bglabel .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-bglabel .bar-button-black-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-black,
.toolbar-wp-bglabel .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-bglabel .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-bglabel .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-bglabel .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-bglabel .bar-button-grey-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-grey,
.toolbar-wp-bglabel .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-bglabel .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-bglabel .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-bglabel .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-bglabel .bar-button-red-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-red,
.toolbar-wp-bglabel .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-bglabel .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-bglabel .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-bglabel .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-bglabel .bar-button-notif-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-notif,
.toolbar-wp-bglabel .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-bglabel .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-bglabel .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-bglabel .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-bglabel .bar-button-new-badge-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-new-badge,
.toolbar-wp-bglabel .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bglabel .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bglabel .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bglabel .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bglabel .bar-button-accent-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-accent,
.toolbar-wp-bglabel .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bglabel .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bglabel .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bglabel .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bglabel .bar-button-skeleton-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-skeleton,
.toolbar-wp-bglabel .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-bglabel .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-bglabel .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-bglabel .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-bglabel .bar-button-outline-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-outline,
.toolbar-wp-bglabel .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-bglabel .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-bglabel .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-bglabel .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-bglabel .bar-button-secondary-text-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-secondary-text,
.toolbar-wp-bglabel .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-bglabel .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-bglabel .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-bglabel .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-bglabel .bar-button-text-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-text,
.toolbar-wp-bglabel .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-bglabel .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-bglabel .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-bglabel .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-bglabel .bar-button-label-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-label,
.toolbar-wp-bglabel .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-bglabel .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-bglabel .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-bglabel .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-bglabel .bar-button-hover-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-hover,
.toolbar-wp-bglabel .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-bglabel .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-bglabel .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-bglabel .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-bglabel .bar-button-hover-dark-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-hover-dark,
.toolbar-wp-bglabel .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-bglabel .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-bglabel .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-bglabel .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-bglabel .bar-button-bgcard-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-bgcard,
.toolbar-wp-bglabel .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-bglabel .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-bglabel .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-bglabel .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-bglabel .bar-button-bgcard2-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-bgcard2,
.toolbar-wp-bglabel .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-bglabel .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-bglabel .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-bglabel .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-bglabel .bar-button-bglabel-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-bglabel,
.toolbar-wp-bglabel .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-bglabel .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-bglabel .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-bglabel .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-bglabel .bar-button-primary-light-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-primary-light,
.toolbar-wp-bglabel .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-bglabel .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-bglabel .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-bglabel .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-bglabel .bar-button-bgicon-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-bgicon,
.toolbar-wp-bglabel .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-bglabel .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-bglabel .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-bglabel .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-bglabel .bar-button-primary-text-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-primary-text,
.toolbar-wp-bglabel .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-bglabel .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-bglabel .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-bglabel .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-bglabel .bar-button-white-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-white,
.toolbar-wp-bglabel .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-bglabel .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-bglabel .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-bglabel .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-bglabel .bar-button-success-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-success,
.toolbar-wp-bglabel .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-bglabel .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-bglabel .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-bglabel .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-bglabel .bar-button-info-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-info,
.toolbar-wp-bglabel .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-bglabel .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-bglabel .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-bglabel .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-bglabel .bar-button-warning-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-warning,
.toolbar-wp-bglabel .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-bglabel .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-bglabel .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-bglabel .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-bglabel .bar-button-danger-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-danger,
.toolbar-wp-bglabel .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-bglabel .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-bglabel .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-bglabel .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-bglabel .bar-button-tam-wp,
.toolbar-wp-bglabel .bar-button-clear-wp-tam,
.toolbar-wp-bglabel .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-bglabel .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-bglabel .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-bglabel .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-bglabel .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-bglabel .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bglabel-wp,
.bar-button-clear-wp-bglabel,
.bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.bar-button-bglabel-wp:hover:not(.disable-hover),
.bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-primary-light .toolbar-background-wp {
  background: #08b2be;
}

.toolbar-wp-primary-light .bar-button-clear-wp,
.toolbar-wp-primary-light .bar-button-default-wp,
.toolbar-wp-primary-light .bar-button-outline-wp,
.toolbar-wp-primary-light .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-primary-light .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-primary-light .bar-button-primary-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-primary,
.toolbar-wp-primary-light .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-primary-light .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-primary-light .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-primary-light .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-primary-light .bar-button-secondary-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-secondary,
.toolbar-wp-primary-light .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-primary-light .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-light .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-primary-light .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-light .bar-button-danger-low-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-danger-low,
.toolbar-wp-primary-light .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-primary-light .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-primary-light .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-primary-light .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-primary-light .bar-button-light-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-light,
.toolbar-wp-primary-light .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-primary-light .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-primary-light .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-primary-light .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-primary-light .bar-button-dark-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-dark,
.toolbar-wp-primary-light .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-primary-light .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-primary-light .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-primary-light .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-primary-light .bar-button-favorite-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-favorite,
.toolbar-wp-primary-light .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-primary-light .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-primary-light .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-primary-light .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-primary-light .bar-button-darkgrey-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-darkgrey,
.toolbar-wp-primary-light .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-primary-light .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-primary-light .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-primary-light .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-primary-light .bar-button-emerald-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-emerald,
.toolbar-wp-primary-light .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-primary-light .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-primary-light .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-primary-light .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-primary-light .bar-button-concrete-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-concrete,
.toolbar-wp-primary-light .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-primary-light .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-primary-light .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-primary-light .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-primary-light .bar-button-yellow-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-yellow,
.toolbar-wp-primary-light .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-primary-light .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-primary-light .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-primary-light .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-primary-light .bar-button-black-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-black,
.toolbar-wp-primary-light .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-primary-light .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary-light .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-primary-light .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary-light .bar-button-grey-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-grey,
.toolbar-wp-primary-light .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-primary-light .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-primary-light .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-primary-light .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-primary-light .bar-button-red-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-red,
.toolbar-wp-primary-light .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-primary-light .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-primary-light .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-primary-light .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-primary-light .bar-button-notif-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-notif,
.toolbar-wp-primary-light .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-primary-light .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-primary-light .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-primary-light .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-primary-light .bar-button-new-badge-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-new-badge,
.toolbar-wp-primary-light .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-primary-light .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-light .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-primary-light .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-light .bar-button-accent-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-accent,
.toolbar-wp-primary-light .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-primary-light .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-light .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-primary-light .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-light .bar-button-skeleton-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-skeleton,
.toolbar-wp-primary-light .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-primary-light .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-primary-light .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-primary-light .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-primary-light .bar-button-outline-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-outline,
.toolbar-wp-primary-light .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-primary-light .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-primary-light .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-primary-light .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-primary-light .bar-button-secondary-text-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-secondary-text,
.toolbar-wp-primary-light .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-primary-light .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-primary-light .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-primary-light .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-primary-light .bar-button-text-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-text,
.toolbar-wp-primary-light .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-primary-light .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-primary-light .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-primary-light .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-primary-light .bar-button-label-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-label,
.toolbar-wp-primary-light .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-primary-light .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-primary-light .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-primary-light .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-primary-light .bar-button-hover-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-hover,
.toolbar-wp-primary-light .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-primary-light .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-primary-light .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-primary-light .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-primary-light .bar-button-hover-dark-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-hover-dark,
.toolbar-wp-primary-light .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-primary-light .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-primary-light .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-primary-light .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-primary-light .bar-button-bgcard-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-bgcard,
.toolbar-wp-primary-light .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-primary-light .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-primary-light .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-primary-light .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-primary-light .bar-button-bgcard2-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-bgcard2,
.toolbar-wp-primary-light .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-primary-light .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-primary-light .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-primary-light .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-primary-light .bar-button-bglabel-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-bglabel,
.toolbar-wp-primary-light .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-primary-light .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-primary-light .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-primary-light .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-primary-light .bar-button-primary-light-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-primary-light,
.toolbar-wp-primary-light .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-primary-light .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-primary-light .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-primary-light .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-primary-light .bar-button-bgicon-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-bgicon,
.toolbar-wp-primary-light .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-primary-light .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-primary-light .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-primary-light .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-primary-light .bar-button-primary-text-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-primary-text,
.toolbar-wp-primary-light .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-primary-light .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-primary-light .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-primary-light .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-primary-light .bar-button-white-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-white,
.toolbar-wp-primary-light .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-primary-light .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary-light .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-primary-light .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary-light .bar-button-success-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-success,
.toolbar-wp-primary-light .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-primary-light .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-primary-light .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-primary-light .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-primary-light .bar-button-info-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-info,
.toolbar-wp-primary-light .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-primary-light .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-primary-light .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-primary-light .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-primary-light .bar-button-warning-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-warning,
.toolbar-wp-primary-light .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-primary-light .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-primary-light .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-primary-light .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-primary-light .bar-button-danger-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-danger,
.toolbar-wp-primary-light .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-primary-light .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-primary-light .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-primary-light .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-primary-light .bar-button-tam-wp,
.toolbar-wp-primary-light .bar-button-clear-wp-tam,
.toolbar-wp-primary-light .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-primary-light .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-primary-light .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-primary-light .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-primary-light .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-primary-light .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-primary-light-wp,
.bar-button-clear-wp-primary-light,
.bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.bar-button-primary-light-wp:hover:not(.disable-hover),
.bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-bgicon .toolbar-background-wp {
  background: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-bgicon .bar-button-clear-wp,
.toolbar-wp-bgicon .bar-button-default-wp,
.toolbar-wp-bgicon .bar-button-outline-wp,
.toolbar-wp-bgicon .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-bgicon .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-bgicon .bar-button-primary-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-primary,
.toolbar-wp-bgicon .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-bgicon .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-bgicon .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-bgicon .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-bgicon .bar-button-secondary-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-secondary,
.toolbar-wp-bgicon .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bgicon .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgicon .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bgicon .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgicon .bar-button-danger-low-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-danger-low,
.toolbar-wp-bgicon .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-bgicon .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-bgicon .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-bgicon .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-bgicon .bar-button-light-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-light,
.toolbar-wp-bgicon .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-bgicon .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-bgicon .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-bgicon .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-bgicon .bar-button-dark-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-dark,
.toolbar-wp-bgicon .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-bgicon .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-bgicon .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-bgicon .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-bgicon .bar-button-favorite-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-favorite,
.toolbar-wp-bgicon .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-bgicon .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-bgicon .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-bgicon .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-bgicon .bar-button-darkgrey-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-darkgrey,
.toolbar-wp-bgicon .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-bgicon .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-bgicon .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-bgicon .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-bgicon .bar-button-emerald-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-emerald,
.toolbar-wp-bgicon .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-bgicon .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-bgicon .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-bgicon .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-bgicon .bar-button-concrete-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-concrete,
.toolbar-wp-bgicon .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-bgicon .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-bgicon .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-bgicon .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-bgicon .bar-button-yellow-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-yellow,
.toolbar-wp-bgicon .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-bgicon .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-bgicon .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-bgicon .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-bgicon .bar-button-black-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-black,
.toolbar-wp-bgicon .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-bgicon .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-bgicon .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-bgicon .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-bgicon .bar-button-grey-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-grey,
.toolbar-wp-bgicon .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-bgicon .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-bgicon .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-bgicon .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-bgicon .bar-button-red-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-red,
.toolbar-wp-bgicon .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-bgicon .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-bgicon .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-bgicon .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-bgicon .bar-button-notif-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-notif,
.toolbar-wp-bgicon .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-bgicon .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-bgicon .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-bgicon .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-bgicon .bar-button-new-badge-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-new-badge,
.toolbar-wp-bgicon .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bgicon .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgicon .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bgicon .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgicon .bar-button-accent-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-accent,
.toolbar-wp-bgicon .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-bgicon .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgicon .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-bgicon .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-bgicon .bar-button-skeleton-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-skeleton,
.toolbar-wp-bgicon .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-bgicon .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-bgicon .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-bgicon .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-bgicon .bar-button-outline-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-outline,
.toolbar-wp-bgicon .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-bgicon .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-bgicon .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-bgicon .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-bgicon .bar-button-secondary-text-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-secondary-text,
.toolbar-wp-bgicon .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-bgicon .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-bgicon .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-bgicon .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-bgicon .bar-button-text-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-text,
.toolbar-wp-bgicon .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-bgicon .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-bgicon .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-bgicon .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-bgicon .bar-button-label-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-label,
.toolbar-wp-bgicon .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-bgicon .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-bgicon .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-bgicon .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-bgicon .bar-button-hover-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-hover,
.toolbar-wp-bgicon .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-bgicon .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-bgicon .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-bgicon .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-bgicon .bar-button-hover-dark-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-hover-dark,
.toolbar-wp-bgicon .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-bgicon .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-bgicon .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-bgicon .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-bgicon .bar-button-bgcard-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-bgcard,
.toolbar-wp-bgicon .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-bgicon .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-bgicon .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-bgicon .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-bgicon .bar-button-bgcard2-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-bgcard2,
.toolbar-wp-bgicon .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-bgicon .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-bgicon .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-bgicon .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-bgicon .bar-button-bglabel-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-bglabel,
.toolbar-wp-bgicon .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-bgicon .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-bgicon .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-bgicon .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-bgicon .bar-button-primary-light-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-primary-light,
.toolbar-wp-bgicon .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-bgicon .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-bgicon .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-bgicon .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-bgicon .bar-button-bgicon-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-bgicon,
.toolbar-wp-bgicon .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-bgicon .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-bgicon .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-bgicon .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-bgicon .bar-button-primary-text-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-primary-text,
.toolbar-wp-bgicon .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-bgicon .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-bgicon .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-bgicon .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-bgicon .bar-button-white-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-white,
.toolbar-wp-bgicon .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-bgicon .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-bgicon .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-bgicon .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-bgicon .bar-button-success-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-success,
.toolbar-wp-bgicon .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-bgicon .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-bgicon .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-bgicon .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-bgicon .bar-button-info-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-info,
.toolbar-wp-bgicon .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-bgicon .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-bgicon .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-bgicon .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-bgicon .bar-button-warning-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-warning,
.toolbar-wp-bgicon .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-bgicon .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-bgicon .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-bgicon .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-bgicon .bar-button-danger-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-danger,
.toolbar-wp-bgicon .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-bgicon .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-bgicon .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-bgicon .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-bgicon .bar-button-tam-wp,
.toolbar-wp-bgicon .bar-button-clear-wp-tam,
.toolbar-wp-bgicon .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-bgicon .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-bgicon .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-bgicon .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-bgicon .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-bgicon .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-bgicon-wp,
.bar-button-clear-wp-bgicon,
.bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.bar-button-bgicon-wp:hover:not(.disable-hover),
.bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-primary-text .toolbar-background-wp {
  background: #189dae;
}

.toolbar-wp-primary-text .bar-button-clear-wp,
.toolbar-wp-primary-text .bar-button-default-wp,
.toolbar-wp-primary-text .bar-button-outline-wp,
.toolbar-wp-primary-text .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-primary-text .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-primary-text .bar-button-primary-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-primary,
.toolbar-wp-primary-text .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-primary-text .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-primary-text .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-primary-text .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-primary-text .bar-button-secondary-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-secondary,
.toolbar-wp-primary-text .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-primary-text .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-text .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-primary-text .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-text .bar-button-danger-low-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-danger-low,
.toolbar-wp-primary-text .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-primary-text .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-primary-text .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-primary-text .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-primary-text .bar-button-light-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-light,
.toolbar-wp-primary-text .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-primary-text .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-primary-text .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-primary-text .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-primary-text .bar-button-dark-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-dark,
.toolbar-wp-primary-text .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-primary-text .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-primary-text .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-primary-text .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-primary-text .bar-button-favorite-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-favorite,
.toolbar-wp-primary-text .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-primary-text .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-primary-text .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-primary-text .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-primary-text .bar-button-darkgrey-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-darkgrey,
.toolbar-wp-primary-text .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-primary-text .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-primary-text .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-primary-text .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-primary-text .bar-button-emerald-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-emerald,
.toolbar-wp-primary-text .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-primary-text .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-primary-text .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-primary-text .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-primary-text .bar-button-concrete-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-concrete,
.toolbar-wp-primary-text .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-primary-text .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-primary-text .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-primary-text .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-primary-text .bar-button-yellow-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-yellow,
.toolbar-wp-primary-text .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-primary-text .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-primary-text .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-primary-text .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-primary-text .bar-button-black-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-black,
.toolbar-wp-primary-text .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-primary-text .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary-text .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-primary-text .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-primary-text .bar-button-grey-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-grey,
.toolbar-wp-primary-text .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-primary-text .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-primary-text .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-primary-text .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-primary-text .bar-button-red-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-red,
.toolbar-wp-primary-text .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-primary-text .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-primary-text .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-primary-text .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-primary-text .bar-button-notif-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-notif,
.toolbar-wp-primary-text .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-primary-text .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-primary-text .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-primary-text .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-primary-text .bar-button-new-badge-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-new-badge,
.toolbar-wp-primary-text .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-primary-text .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-text .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-primary-text .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-text .bar-button-accent-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-accent,
.toolbar-wp-primary-text .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-primary-text .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-text .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-primary-text .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-primary-text .bar-button-skeleton-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-skeleton,
.toolbar-wp-primary-text .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-primary-text .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-primary-text .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-primary-text .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-primary-text .bar-button-outline-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-outline,
.toolbar-wp-primary-text .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-primary-text .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-primary-text .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-primary-text .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-primary-text .bar-button-secondary-text-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-secondary-text,
.toolbar-wp-primary-text .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-primary-text .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-primary-text .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-primary-text .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-primary-text .bar-button-text-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-text,
.toolbar-wp-primary-text .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-primary-text .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-primary-text .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-primary-text .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-primary-text .bar-button-label-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-label,
.toolbar-wp-primary-text .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-primary-text .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-primary-text .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-primary-text .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-primary-text .bar-button-hover-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-hover,
.toolbar-wp-primary-text .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-primary-text .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-primary-text .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-primary-text .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-primary-text .bar-button-hover-dark-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-hover-dark,
.toolbar-wp-primary-text .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-primary-text .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-primary-text .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-primary-text .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-primary-text .bar-button-bgcard-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-bgcard,
.toolbar-wp-primary-text .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-primary-text .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-primary-text .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-primary-text .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-primary-text .bar-button-bgcard2-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-bgcard2,
.toolbar-wp-primary-text .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-primary-text .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-primary-text .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-primary-text .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-primary-text .bar-button-bglabel-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-bglabel,
.toolbar-wp-primary-text .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-primary-text .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-primary-text .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-primary-text .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-primary-text .bar-button-primary-light-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-primary-light,
.toolbar-wp-primary-text .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-primary-text .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-primary-text .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-primary-text .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-primary-text .bar-button-bgicon-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-bgicon,
.toolbar-wp-primary-text .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-primary-text .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-primary-text .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-primary-text .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-primary-text .bar-button-primary-text-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-primary-text,
.toolbar-wp-primary-text .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-primary-text .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-primary-text .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-primary-text .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-primary-text .bar-button-white-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-white,
.toolbar-wp-primary-text .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-primary-text .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary-text .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-primary-text .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary-text .bar-button-success-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-success,
.toolbar-wp-primary-text .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-primary-text .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-primary-text .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-primary-text .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-primary-text .bar-button-info-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-info,
.toolbar-wp-primary-text .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-primary-text .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-primary-text .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-primary-text .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-primary-text .bar-button-warning-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-warning,
.toolbar-wp-primary-text .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-primary-text .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-primary-text .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-primary-text .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-primary-text .bar-button-danger-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-danger,
.toolbar-wp-primary-text .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-primary-text .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-primary-text .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-primary-text .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-primary-text .bar-button-tam-wp,
.toolbar-wp-primary-text .bar-button-clear-wp-tam,
.toolbar-wp-primary-text .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-primary-text .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-primary-text .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-primary-text .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-primary-text .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-primary-text .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-primary-text-wp,
.bar-button-clear-wp-primary-text,
.bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.bar-button-primary-text-wp:hover:not(.disable-hover),
.bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-white .toolbar-background-wp {
  background: #FFFFFF;
}

.toolbar-wp-white .bar-button-clear-wp,
.toolbar-wp-white .bar-button-default-wp,
.toolbar-wp-white .bar-button-outline-wp,
.toolbar-wp-white .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-white .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-white .bar-button-primary-wp,
.toolbar-wp-white .bar-button-clear-wp-primary,
.toolbar-wp-white .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-white .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-white .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-white .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-white .bar-button-secondary-wp,
.toolbar-wp-white .bar-button-clear-wp-secondary,
.toolbar-wp-white .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-white .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-white .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-white .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-white .bar-button-danger-low-wp,
.toolbar-wp-white .bar-button-clear-wp-danger-low,
.toolbar-wp-white .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-white .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-white .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-white .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-white .bar-button-light-wp,
.toolbar-wp-white .bar-button-clear-wp-light,
.toolbar-wp-white .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-white .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-white .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-white .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-white .bar-button-dark-wp,
.toolbar-wp-white .bar-button-clear-wp-dark,
.toolbar-wp-white .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-white .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-white .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-white .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-white .bar-button-favorite-wp,
.toolbar-wp-white .bar-button-clear-wp-favorite,
.toolbar-wp-white .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-white .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-white .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-white .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-white .bar-button-darkgrey-wp,
.toolbar-wp-white .bar-button-clear-wp-darkgrey,
.toolbar-wp-white .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-white .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-white .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-white .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-white .bar-button-emerald-wp,
.toolbar-wp-white .bar-button-clear-wp-emerald,
.toolbar-wp-white .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-white .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-white .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-white .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-white .bar-button-concrete-wp,
.toolbar-wp-white .bar-button-clear-wp-concrete,
.toolbar-wp-white .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-white .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-white .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-white .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-white .bar-button-yellow-wp,
.toolbar-wp-white .bar-button-clear-wp-yellow,
.toolbar-wp-white .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-white .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-white .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-white .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-white .bar-button-black-wp,
.toolbar-wp-white .bar-button-clear-wp-black,
.toolbar-wp-white .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-white .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-white .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-white .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-white .bar-button-grey-wp,
.toolbar-wp-white .bar-button-clear-wp-grey,
.toolbar-wp-white .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-white .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-white .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-white .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-white .bar-button-red-wp,
.toolbar-wp-white .bar-button-clear-wp-red,
.toolbar-wp-white .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-white .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-white .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-white .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-white .bar-button-notif-wp,
.toolbar-wp-white .bar-button-clear-wp-notif,
.toolbar-wp-white .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-white .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-white .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-white .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-white .bar-button-new-badge-wp,
.toolbar-wp-white .bar-button-clear-wp-new-badge,
.toolbar-wp-white .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-white .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-white .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-white .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-white .bar-button-accent-wp,
.toolbar-wp-white .bar-button-clear-wp-accent,
.toolbar-wp-white .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-white .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-white .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-white .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-white .bar-button-skeleton-wp,
.toolbar-wp-white .bar-button-clear-wp-skeleton,
.toolbar-wp-white .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-white .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-white .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-white .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-white .bar-button-outline-wp,
.toolbar-wp-white .bar-button-clear-wp-outline,
.toolbar-wp-white .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-white .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-white .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-white .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-white .bar-button-secondary-text-wp,
.toolbar-wp-white .bar-button-clear-wp-secondary-text,
.toolbar-wp-white .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-white .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-white .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-white .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-white .bar-button-text-wp,
.toolbar-wp-white .bar-button-clear-wp-text,
.toolbar-wp-white .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-white .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-white .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-white .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-white .bar-button-label-wp,
.toolbar-wp-white .bar-button-clear-wp-label,
.toolbar-wp-white .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-white .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-white .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-white .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-white .bar-button-hover-wp,
.toolbar-wp-white .bar-button-clear-wp-hover,
.toolbar-wp-white .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-white .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-white .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-white .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-white .bar-button-hover-dark-wp,
.toolbar-wp-white .bar-button-clear-wp-hover-dark,
.toolbar-wp-white .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-white .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-white .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-white .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-white .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-white .bar-button-bgcard-wp,
.toolbar-wp-white .bar-button-clear-wp-bgcard,
.toolbar-wp-white .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-white .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-white .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-white .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-white .bar-button-bgcard2-wp,
.toolbar-wp-white .bar-button-clear-wp-bgcard2,
.toolbar-wp-white .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-white .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-white .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-white .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-white .bar-button-bglabel-wp,
.toolbar-wp-white .bar-button-clear-wp-bglabel,
.toolbar-wp-white .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-white .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-white .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-white .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-white .bar-button-primary-light-wp,
.toolbar-wp-white .bar-button-clear-wp-primary-light,
.toolbar-wp-white .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-white .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-white .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-white .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-white .bar-button-bgicon-wp,
.toolbar-wp-white .bar-button-clear-wp-bgicon,
.toolbar-wp-white .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-white .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-white .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-white .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-white .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-white .bar-button-primary-text-wp,
.toolbar-wp-white .bar-button-clear-wp-primary-text,
.toolbar-wp-white .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-white .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-white .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-white .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-white .bar-button-white-wp,
.toolbar-wp-white .bar-button-clear-wp-white,
.toolbar-wp-white .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-white .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-white .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-white .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-white .bar-button-success-wp,
.toolbar-wp-white .bar-button-clear-wp-success,
.toolbar-wp-white .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-white .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-white .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-white .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-white .bar-button-info-wp,
.toolbar-wp-white .bar-button-clear-wp-info,
.toolbar-wp-white .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-white .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-white .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-white .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-white .bar-button-warning-wp,
.toolbar-wp-white .bar-button-clear-wp-warning,
.toolbar-wp-white .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-white .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-white .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-white .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-white .bar-button-danger-wp,
.toolbar-wp-white .bar-button-clear-wp-danger,
.toolbar-wp-white .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-white .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-white .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-white .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-white .bar-button-tam-wp,
.toolbar-wp-white .bar-button-clear-wp-tam,
.toolbar-wp-white .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-white .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-white .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-white .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-white .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-white .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-white-wp,
.bar-button-clear-wp-white,
.bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.bar-button-white-wp:hover:not(.disable-hover),
.bar-button-clear-wp-white:hover:not(.disable-hover),
.bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-success .toolbar-background-wp {
  background: #2BB34D;
}

.toolbar-wp-success .bar-button-clear-wp,
.toolbar-wp-success .bar-button-default-wp,
.toolbar-wp-success .bar-button-outline-wp,
.toolbar-wp-success .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-success .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-success .bar-button-primary-wp,
.toolbar-wp-success .bar-button-clear-wp-primary,
.toolbar-wp-success .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-success .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-success .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-success .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-success .bar-button-secondary-wp,
.toolbar-wp-success .bar-button-clear-wp-secondary,
.toolbar-wp-success .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-success .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-success .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-success .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-success .bar-button-danger-low-wp,
.toolbar-wp-success .bar-button-clear-wp-danger-low,
.toolbar-wp-success .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-success .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-success .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-success .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-success .bar-button-light-wp,
.toolbar-wp-success .bar-button-clear-wp-light,
.toolbar-wp-success .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-success .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-success .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-success .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-success .bar-button-dark-wp,
.toolbar-wp-success .bar-button-clear-wp-dark,
.toolbar-wp-success .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-success .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-success .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-success .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-success .bar-button-favorite-wp,
.toolbar-wp-success .bar-button-clear-wp-favorite,
.toolbar-wp-success .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-success .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-success .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-success .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-success .bar-button-darkgrey-wp,
.toolbar-wp-success .bar-button-clear-wp-darkgrey,
.toolbar-wp-success .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-success .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-success .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-success .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-success .bar-button-emerald-wp,
.toolbar-wp-success .bar-button-clear-wp-emerald,
.toolbar-wp-success .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-success .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-success .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-success .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-success .bar-button-concrete-wp,
.toolbar-wp-success .bar-button-clear-wp-concrete,
.toolbar-wp-success .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-success .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-success .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-success .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-success .bar-button-yellow-wp,
.toolbar-wp-success .bar-button-clear-wp-yellow,
.toolbar-wp-success .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-success .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-success .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-success .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-success .bar-button-black-wp,
.toolbar-wp-success .bar-button-clear-wp-black,
.toolbar-wp-success .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-success .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-success .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-success .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-success .bar-button-grey-wp,
.toolbar-wp-success .bar-button-clear-wp-grey,
.toolbar-wp-success .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-success .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-success .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-success .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-success .bar-button-red-wp,
.toolbar-wp-success .bar-button-clear-wp-red,
.toolbar-wp-success .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-success .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-success .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-success .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-success .bar-button-notif-wp,
.toolbar-wp-success .bar-button-clear-wp-notif,
.toolbar-wp-success .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-success .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-success .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-success .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-success .bar-button-new-badge-wp,
.toolbar-wp-success .bar-button-clear-wp-new-badge,
.toolbar-wp-success .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-success .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-success .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-success .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-success .bar-button-accent-wp,
.toolbar-wp-success .bar-button-clear-wp-accent,
.toolbar-wp-success .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-success .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-success .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-success .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-success .bar-button-skeleton-wp,
.toolbar-wp-success .bar-button-clear-wp-skeleton,
.toolbar-wp-success .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-success .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-success .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-success .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-success .bar-button-outline-wp,
.toolbar-wp-success .bar-button-clear-wp-outline,
.toolbar-wp-success .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-success .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-success .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-success .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-success .bar-button-secondary-text-wp,
.toolbar-wp-success .bar-button-clear-wp-secondary-text,
.toolbar-wp-success .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-success .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-success .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-success .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-success .bar-button-text-wp,
.toolbar-wp-success .bar-button-clear-wp-text,
.toolbar-wp-success .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-success .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-success .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-success .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-success .bar-button-label-wp,
.toolbar-wp-success .bar-button-clear-wp-label,
.toolbar-wp-success .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-success .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-success .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-success .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-success .bar-button-hover-wp,
.toolbar-wp-success .bar-button-clear-wp-hover,
.toolbar-wp-success .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-success .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-success .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-success .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-success .bar-button-hover-dark-wp,
.toolbar-wp-success .bar-button-clear-wp-hover-dark,
.toolbar-wp-success .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-success .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-success .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-success .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-success .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-success .bar-button-bgcard-wp,
.toolbar-wp-success .bar-button-clear-wp-bgcard,
.toolbar-wp-success .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-success .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-success .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-success .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-success .bar-button-bgcard2-wp,
.toolbar-wp-success .bar-button-clear-wp-bgcard2,
.toolbar-wp-success .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-success .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-success .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-success .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-success .bar-button-bglabel-wp,
.toolbar-wp-success .bar-button-clear-wp-bglabel,
.toolbar-wp-success .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-success .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-success .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-success .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-success .bar-button-primary-light-wp,
.toolbar-wp-success .bar-button-clear-wp-primary-light,
.toolbar-wp-success .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-success .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-success .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-success .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-success .bar-button-bgicon-wp,
.toolbar-wp-success .bar-button-clear-wp-bgicon,
.toolbar-wp-success .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-success .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-success .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-success .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-success .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-success .bar-button-primary-text-wp,
.toolbar-wp-success .bar-button-clear-wp-primary-text,
.toolbar-wp-success .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-success .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-success .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-success .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-success .bar-button-white-wp,
.toolbar-wp-success .bar-button-clear-wp-white,
.toolbar-wp-success .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-success .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-success .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-success .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-success .bar-button-success-wp,
.toolbar-wp-success .bar-button-clear-wp-success,
.toolbar-wp-success .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-success .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-success .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-success .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-success .bar-button-info-wp,
.toolbar-wp-success .bar-button-clear-wp-info,
.toolbar-wp-success .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-success .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-success .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-success .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-success .bar-button-warning-wp,
.toolbar-wp-success .bar-button-clear-wp-warning,
.toolbar-wp-success .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-success .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-success .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-success .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-success .bar-button-danger-wp,
.toolbar-wp-success .bar-button-clear-wp-danger,
.toolbar-wp-success .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-success .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-success .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-success .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-success .bar-button-tam-wp,
.toolbar-wp-success .bar-button-clear-wp-tam,
.toolbar-wp-success .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-success .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-success .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-success .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-success .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-success .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-success-wp,
.bar-button-clear-wp-success,
.bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.bar-button-success-wp:hover:not(.disable-hover),
.bar-button-clear-wp-success:hover:not(.disable-hover),
.bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-info .toolbar-background-wp {
  background: #1A73E8;
}

.toolbar-wp-info .bar-button-clear-wp,
.toolbar-wp-info .bar-button-default-wp,
.toolbar-wp-info .bar-button-outline-wp,
.toolbar-wp-info .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-info .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-info .bar-button-primary-wp,
.toolbar-wp-info .bar-button-clear-wp-primary,
.toolbar-wp-info .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-info .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-info .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-info .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-info .bar-button-secondary-wp,
.toolbar-wp-info .bar-button-clear-wp-secondary,
.toolbar-wp-info .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-info .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-info .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-info .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-info .bar-button-danger-low-wp,
.toolbar-wp-info .bar-button-clear-wp-danger-low,
.toolbar-wp-info .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-info .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-info .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-info .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-info .bar-button-light-wp,
.toolbar-wp-info .bar-button-clear-wp-light,
.toolbar-wp-info .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-info .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-info .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-info .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-info .bar-button-dark-wp,
.toolbar-wp-info .bar-button-clear-wp-dark,
.toolbar-wp-info .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-info .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-info .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-info .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-info .bar-button-favorite-wp,
.toolbar-wp-info .bar-button-clear-wp-favorite,
.toolbar-wp-info .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-info .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-info .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-info .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-info .bar-button-darkgrey-wp,
.toolbar-wp-info .bar-button-clear-wp-darkgrey,
.toolbar-wp-info .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-info .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-info .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-info .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-info .bar-button-emerald-wp,
.toolbar-wp-info .bar-button-clear-wp-emerald,
.toolbar-wp-info .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-info .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-info .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-info .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-info .bar-button-concrete-wp,
.toolbar-wp-info .bar-button-clear-wp-concrete,
.toolbar-wp-info .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-info .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-info .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-info .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-info .bar-button-yellow-wp,
.toolbar-wp-info .bar-button-clear-wp-yellow,
.toolbar-wp-info .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-info .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-info .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-info .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-info .bar-button-black-wp,
.toolbar-wp-info .bar-button-clear-wp-black,
.toolbar-wp-info .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-info .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-info .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-info .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-info .bar-button-grey-wp,
.toolbar-wp-info .bar-button-clear-wp-grey,
.toolbar-wp-info .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-info .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-info .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-info .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-info .bar-button-red-wp,
.toolbar-wp-info .bar-button-clear-wp-red,
.toolbar-wp-info .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-info .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-info .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-info .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-info .bar-button-notif-wp,
.toolbar-wp-info .bar-button-clear-wp-notif,
.toolbar-wp-info .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-info .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-info .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-info .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-info .bar-button-new-badge-wp,
.toolbar-wp-info .bar-button-clear-wp-new-badge,
.toolbar-wp-info .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-info .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-info .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-info .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-info .bar-button-accent-wp,
.toolbar-wp-info .bar-button-clear-wp-accent,
.toolbar-wp-info .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-info .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-info .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-info .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-info .bar-button-skeleton-wp,
.toolbar-wp-info .bar-button-clear-wp-skeleton,
.toolbar-wp-info .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-info .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-info .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-info .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-info .bar-button-outline-wp,
.toolbar-wp-info .bar-button-clear-wp-outline,
.toolbar-wp-info .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-info .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-info .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-info .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-info .bar-button-secondary-text-wp,
.toolbar-wp-info .bar-button-clear-wp-secondary-text,
.toolbar-wp-info .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-info .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-info .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-info .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-info .bar-button-text-wp,
.toolbar-wp-info .bar-button-clear-wp-text,
.toolbar-wp-info .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-info .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-info .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-info .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-info .bar-button-label-wp,
.toolbar-wp-info .bar-button-clear-wp-label,
.toolbar-wp-info .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-info .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-info .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-info .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-info .bar-button-hover-wp,
.toolbar-wp-info .bar-button-clear-wp-hover,
.toolbar-wp-info .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-info .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-info .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-info .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-info .bar-button-hover-dark-wp,
.toolbar-wp-info .bar-button-clear-wp-hover-dark,
.toolbar-wp-info .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-info .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-info .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-info .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-info .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-info .bar-button-bgcard-wp,
.toolbar-wp-info .bar-button-clear-wp-bgcard,
.toolbar-wp-info .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-info .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-info .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-info .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-info .bar-button-bgcard2-wp,
.toolbar-wp-info .bar-button-clear-wp-bgcard2,
.toolbar-wp-info .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-info .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-info .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-info .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-info .bar-button-bglabel-wp,
.toolbar-wp-info .bar-button-clear-wp-bglabel,
.toolbar-wp-info .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-info .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-info .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-info .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-info .bar-button-primary-light-wp,
.toolbar-wp-info .bar-button-clear-wp-primary-light,
.toolbar-wp-info .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-info .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-info .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-info .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-info .bar-button-bgicon-wp,
.toolbar-wp-info .bar-button-clear-wp-bgicon,
.toolbar-wp-info .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-info .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-info .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-info .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-info .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-info .bar-button-primary-text-wp,
.toolbar-wp-info .bar-button-clear-wp-primary-text,
.toolbar-wp-info .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-info .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-info .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-info .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-info .bar-button-white-wp,
.toolbar-wp-info .bar-button-clear-wp-white,
.toolbar-wp-info .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-info .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-info .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-info .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-info .bar-button-success-wp,
.toolbar-wp-info .bar-button-clear-wp-success,
.toolbar-wp-info .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-info .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-info .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-info .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-info .bar-button-info-wp,
.toolbar-wp-info .bar-button-clear-wp-info,
.toolbar-wp-info .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-info .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-info .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-info .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-info .bar-button-warning-wp,
.toolbar-wp-info .bar-button-clear-wp-warning,
.toolbar-wp-info .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-info .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-info .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-info .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-info .bar-button-danger-wp,
.toolbar-wp-info .bar-button-clear-wp-danger,
.toolbar-wp-info .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-info .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-info .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-info .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-info .bar-button-tam-wp,
.toolbar-wp-info .bar-button-clear-wp-tam,
.toolbar-wp-info .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-info .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-info .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-info .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-info .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-info .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-info-wp,
.bar-button-clear-wp-info,
.bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.bar-button-info-wp:hover:not(.disable-hover),
.bar-button-clear-wp-info:hover:not(.disable-hover),
.bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-warning .toolbar-background-wp {
  background: #FFAB00;
}

.toolbar-wp-warning .bar-button-clear-wp,
.toolbar-wp-warning .bar-button-default-wp,
.toolbar-wp-warning .bar-button-outline-wp,
.toolbar-wp-warning .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-warning .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-warning .bar-button-primary-wp,
.toolbar-wp-warning .bar-button-clear-wp-primary,
.toolbar-wp-warning .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-warning .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-warning .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-warning .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-warning .bar-button-secondary-wp,
.toolbar-wp-warning .bar-button-clear-wp-secondary,
.toolbar-wp-warning .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-warning .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-warning .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-warning .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-warning .bar-button-danger-low-wp,
.toolbar-wp-warning .bar-button-clear-wp-danger-low,
.toolbar-wp-warning .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-warning .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-warning .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-warning .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-warning .bar-button-light-wp,
.toolbar-wp-warning .bar-button-clear-wp-light,
.toolbar-wp-warning .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-warning .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-warning .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-warning .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-warning .bar-button-dark-wp,
.toolbar-wp-warning .bar-button-clear-wp-dark,
.toolbar-wp-warning .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-warning .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-warning .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-warning .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-warning .bar-button-favorite-wp,
.toolbar-wp-warning .bar-button-clear-wp-favorite,
.toolbar-wp-warning .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-warning .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-warning .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-warning .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-warning .bar-button-darkgrey-wp,
.toolbar-wp-warning .bar-button-clear-wp-darkgrey,
.toolbar-wp-warning .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-warning .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-warning .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-warning .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-warning .bar-button-emerald-wp,
.toolbar-wp-warning .bar-button-clear-wp-emerald,
.toolbar-wp-warning .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-warning .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-warning .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-warning .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-warning .bar-button-concrete-wp,
.toolbar-wp-warning .bar-button-clear-wp-concrete,
.toolbar-wp-warning .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-warning .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-warning .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-warning .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-warning .bar-button-yellow-wp,
.toolbar-wp-warning .bar-button-clear-wp-yellow,
.toolbar-wp-warning .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-warning .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-warning .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-warning .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-warning .bar-button-black-wp,
.toolbar-wp-warning .bar-button-clear-wp-black,
.toolbar-wp-warning .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-warning .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-warning .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-warning .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-warning .bar-button-grey-wp,
.toolbar-wp-warning .bar-button-clear-wp-grey,
.toolbar-wp-warning .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-warning .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-warning .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-warning .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-warning .bar-button-red-wp,
.toolbar-wp-warning .bar-button-clear-wp-red,
.toolbar-wp-warning .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-warning .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-warning .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-warning .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-warning .bar-button-notif-wp,
.toolbar-wp-warning .bar-button-clear-wp-notif,
.toolbar-wp-warning .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-warning .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-warning .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-warning .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-warning .bar-button-new-badge-wp,
.toolbar-wp-warning .bar-button-clear-wp-new-badge,
.toolbar-wp-warning .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-warning .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-warning .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-warning .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-warning .bar-button-accent-wp,
.toolbar-wp-warning .bar-button-clear-wp-accent,
.toolbar-wp-warning .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-warning .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-warning .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-warning .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-warning .bar-button-skeleton-wp,
.toolbar-wp-warning .bar-button-clear-wp-skeleton,
.toolbar-wp-warning .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-warning .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-warning .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-warning .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-warning .bar-button-outline-wp,
.toolbar-wp-warning .bar-button-clear-wp-outline,
.toolbar-wp-warning .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-warning .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-warning .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-warning .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-warning .bar-button-secondary-text-wp,
.toolbar-wp-warning .bar-button-clear-wp-secondary-text,
.toolbar-wp-warning .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-warning .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-warning .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-warning .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-warning .bar-button-text-wp,
.toolbar-wp-warning .bar-button-clear-wp-text,
.toolbar-wp-warning .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-warning .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-warning .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-warning .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-warning .bar-button-label-wp,
.toolbar-wp-warning .bar-button-clear-wp-label,
.toolbar-wp-warning .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-warning .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-warning .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-warning .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-warning .bar-button-hover-wp,
.toolbar-wp-warning .bar-button-clear-wp-hover,
.toolbar-wp-warning .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-warning .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-warning .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-warning .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-warning .bar-button-hover-dark-wp,
.toolbar-wp-warning .bar-button-clear-wp-hover-dark,
.toolbar-wp-warning .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-warning .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-warning .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-warning .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-warning .bar-button-bgcard-wp,
.toolbar-wp-warning .bar-button-clear-wp-bgcard,
.toolbar-wp-warning .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-warning .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-warning .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-warning .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-warning .bar-button-bgcard2-wp,
.toolbar-wp-warning .bar-button-clear-wp-bgcard2,
.toolbar-wp-warning .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-warning .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-warning .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-warning .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-warning .bar-button-bglabel-wp,
.toolbar-wp-warning .bar-button-clear-wp-bglabel,
.toolbar-wp-warning .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-warning .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-warning .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-warning .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-warning .bar-button-primary-light-wp,
.toolbar-wp-warning .bar-button-clear-wp-primary-light,
.toolbar-wp-warning .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-warning .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-warning .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-warning .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-warning .bar-button-bgicon-wp,
.toolbar-wp-warning .bar-button-clear-wp-bgicon,
.toolbar-wp-warning .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-warning .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-warning .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-warning .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-warning .bar-button-primary-text-wp,
.toolbar-wp-warning .bar-button-clear-wp-primary-text,
.toolbar-wp-warning .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-warning .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-warning .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-warning .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-warning .bar-button-white-wp,
.toolbar-wp-warning .bar-button-clear-wp-white,
.toolbar-wp-warning .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-warning .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-warning .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-warning .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-warning .bar-button-success-wp,
.toolbar-wp-warning .bar-button-clear-wp-success,
.toolbar-wp-warning .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-warning .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-warning .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-warning .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-warning .bar-button-info-wp,
.toolbar-wp-warning .bar-button-clear-wp-info,
.toolbar-wp-warning .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-warning .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-warning .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-warning .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-warning .bar-button-warning-wp,
.toolbar-wp-warning .bar-button-clear-wp-warning,
.toolbar-wp-warning .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-warning .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-warning .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-warning .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-warning .bar-button-danger-wp,
.toolbar-wp-warning .bar-button-clear-wp-danger,
.toolbar-wp-warning .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-warning .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-warning .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-warning .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-warning .bar-button-tam-wp,
.toolbar-wp-warning .bar-button-clear-wp-tam,
.toolbar-wp-warning .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-warning .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-warning .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-warning .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-warning .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-warning .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-warning-wp,
.bar-button-clear-wp-warning,
.bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.bar-button-warning-wp:hover:not(.disable-hover),
.bar-button-clear-wp-warning:hover:not(.disable-hover),
.bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-danger .toolbar-background-wp {
  background: #F0624D;
}

.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: #F68A22;
  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: #F68A22;
}

.toolbar-wp-danger .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-danger .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-danger .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-danger .bar-button-secondary-wp,
.toolbar-wp-danger .bar-button-clear-wp-secondary,
.toolbar-wp-danger .bar-button-wp-secondary {
  color: #63BEFB;
  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: #63BEFB;
}

.toolbar-wp-danger .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-danger .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger .bar-button-danger-low-wp,
.toolbar-wp-danger .bar-button-clear-wp-danger-low,
.toolbar-wp-danger .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-danger .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-danger .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-danger .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-danger .bar-button-light-wp,
.toolbar-wp-danger .bar-button-clear-wp-light,
.toolbar-wp-danger .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-danger .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-danger .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-danger .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-danger .bar-button-dark-wp,
.toolbar-wp-danger .bar-button-clear-wp-dark,
.toolbar-wp-danger .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-danger .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-danger .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-danger .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-danger .bar-button-favorite-wp,
.toolbar-wp-danger .bar-button-clear-wp-favorite,
.toolbar-wp-danger .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-danger .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-danger .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-danger .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-danger .bar-button-darkgrey-wp,
.toolbar-wp-danger .bar-button-clear-wp-darkgrey,
.toolbar-wp-danger .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-danger .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-danger .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-danger .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-danger .bar-button-emerald-wp,
.toolbar-wp-danger .bar-button-clear-wp-emerald,
.toolbar-wp-danger .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-danger .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-danger .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-danger .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-danger .bar-button-concrete-wp,
.toolbar-wp-danger .bar-button-clear-wp-concrete,
.toolbar-wp-danger .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-danger .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-danger .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-danger .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-danger .bar-button-yellow-wp,
.toolbar-wp-danger .bar-button-clear-wp-yellow,
.toolbar-wp-danger .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-danger .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-danger .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-danger .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-danger .bar-button-black-wp,
.toolbar-wp-danger .bar-button-clear-wp-black,
.toolbar-wp-danger .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-danger .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-danger .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-danger .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-danger .bar-button-grey-wp,
.toolbar-wp-danger .bar-button-clear-wp-grey,
.toolbar-wp-danger .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-danger .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-danger .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-danger .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-danger .bar-button-red-wp,
.toolbar-wp-danger .bar-button-clear-wp-red,
.toolbar-wp-danger .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-danger .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-danger .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-danger .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-danger .bar-button-notif-wp,
.toolbar-wp-danger .bar-button-clear-wp-notif,
.toolbar-wp-danger .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-danger .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-danger .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-danger .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-danger .bar-button-new-badge-wp,
.toolbar-wp-danger .bar-button-clear-wp-new-badge,
.toolbar-wp-danger .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-danger .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-danger .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger .bar-button-accent-wp,
.toolbar-wp-danger .bar-button-clear-wp-accent,
.toolbar-wp-danger .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-danger .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-danger .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-danger .bar-button-skeleton-wp,
.toolbar-wp-danger .bar-button-clear-wp-skeleton,
.toolbar-wp-danger .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-danger .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-danger .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-danger .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-danger .bar-button-outline-wp,
.toolbar-wp-danger .bar-button-clear-wp-outline,
.toolbar-wp-danger .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-danger .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-danger .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-danger .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-danger .bar-button-secondary-text-wp,
.toolbar-wp-danger .bar-button-clear-wp-secondary-text,
.toolbar-wp-danger .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-danger .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-danger .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-danger .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-danger .bar-button-text-wp,
.toolbar-wp-danger .bar-button-clear-wp-text,
.toolbar-wp-danger .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-danger .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-danger .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-danger .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-danger .bar-button-label-wp,
.toolbar-wp-danger .bar-button-clear-wp-label,
.toolbar-wp-danger .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-danger .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-danger .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-danger .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-danger .bar-button-hover-wp,
.toolbar-wp-danger .bar-button-clear-wp-hover,
.toolbar-wp-danger .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-danger .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-danger .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-danger .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-danger .bar-button-hover-dark-wp,
.toolbar-wp-danger .bar-button-clear-wp-hover-dark,
.toolbar-wp-danger .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-danger .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-danger .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-danger .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-danger .bar-button-bgcard-wp,
.toolbar-wp-danger .bar-button-clear-wp-bgcard,
.toolbar-wp-danger .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-danger .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-danger .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-danger .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-danger .bar-button-bgcard2-wp,
.toolbar-wp-danger .bar-button-clear-wp-bgcard2,
.toolbar-wp-danger .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-danger .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-danger .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-danger .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-danger .bar-button-bglabel-wp,
.toolbar-wp-danger .bar-button-clear-wp-bglabel,
.toolbar-wp-danger .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-danger .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-danger .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-danger .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-danger .bar-button-primary-light-wp,
.toolbar-wp-danger .bar-button-clear-wp-primary-light,
.toolbar-wp-danger .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-danger .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-danger .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-danger .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-danger .bar-button-bgicon-wp,
.toolbar-wp-danger .bar-button-clear-wp-bgicon,
.toolbar-wp-danger .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-danger .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-danger .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-danger .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-danger .bar-button-primary-text-wp,
.toolbar-wp-danger .bar-button-clear-wp-primary-text,
.toolbar-wp-danger .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-danger .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-danger .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-danger .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-danger .bar-button-white-wp,
.toolbar-wp-danger .bar-button-clear-wp-white,
.toolbar-wp-danger .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-danger .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-danger .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-danger .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-danger .bar-button-success-wp,
.toolbar-wp-danger .bar-button-clear-wp-success,
.toolbar-wp-danger .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-danger .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-danger .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-danger .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-danger .bar-button-info-wp,
.toolbar-wp-danger .bar-button-clear-wp-info,
.toolbar-wp-danger .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-danger .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-danger .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-danger .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-danger .bar-button-warning-wp,
.toolbar-wp-danger .bar-button-clear-wp-warning,
.toolbar-wp-danger .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-danger .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-danger .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-danger .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-danger .bar-button-danger-wp,
.toolbar-wp-danger .bar-button-clear-wp-danger,
.toolbar-wp-danger .bar-button-wp-danger {
  color: #F0624D;
  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: #F0624D;
}

.toolbar-wp-danger .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-danger .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-danger .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-danger .bar-button-tam-wp,
.toolbar-wp-danger .bar-button-clear-wp-tam,
.toolbar-wp-danger .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-danger .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-danger .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-danger .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-danger-wp,
.bar-button-clear-wp-danger,
.bar-button-wp-danger {
  color: #F0624D;
  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: #F0624D;
}

.bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-tam .toolbar-background-wp {
  background: #CC0400;
}

.toolbar-wp-tam .bar-button-clear-wp,
.toolbar-wp-tam .bar-button-default-wp,
.toolbar-wp-tam .bar-button-outline-wp,
.toolbar-wp-tam .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-tam .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-tam .bar-button-primary-wp,
.toolbar-wp-tam .bar-button-clear-wp-primary,
.toolbar-wp-tam .bar-button-wp-primary {
  color: #F68A22;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #F68A22;
}

.toolbar-wp-tam .bar-button-outline-wp-primary {
  border-color: #e27f1f;
  color: #e27f1f;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-tam .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #F68A22;
}

.toolbar-wp-tam .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #e27f1f;
}

.toolbar-wp-tam .bar-button-secondary-wp,
.toolbar-wp-tam .bar-button-clear-wp-secondary,
.toolbar-wp-tam .bar-button-wp-secondary {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-tam .bar-button-outline-wp-secondary {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-tam .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-tam .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-tam .bar-button-danger-low-wp,
.toolbar-wp-tam .bar-button-clear-wp-danger-low,
.toolbar-wp-tam .bar-button-wp-danger-low {
  color: #fb745e;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-danger-low-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-danger-low:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-danger-low:hover:not(.disable-hover) {
  color: #fb745e;
}

.toolbar-wp-tam .bar-button-outline-wp-danger-low {
  border-color: #e76b56;
  color: #e76b56;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-tam .bar-button-solid-wp-danger-low {
  color: #fff;
  background-color: #fb745e;
}

.toolbar-wp-tam .bar-button-solid-wp-danger-low.activated {
  color: #fff;
  background-color: #e76b56;
}

.toolbar-wp-tam .bar-button-light-wp,
.toolbar-wp-tam .bar-button-clear-wp-light,
.toolbar-wp-tam .bar-button-wp-light {
  color: #f4f4f4;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-light:hover:not(.disable-hover) {
  color: #f4f4f4;
}

.toolbar-wp-tam .bar-button-outline-wp-light {
  border-color: #e0e0e0;
  color: #e0e0e0;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-tam .bar-button-solid-wp-light {
  color: #000;
  background-color: #f4f4f4;
}

.toolbar-wp-tam .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #e0e0e0;
}

.toolbar-wp-tam .bar-button-dark-wp,
.toolbar-wp-tam .bar-button-clear-wp-dark,
.toolbar-wp-tam .bar-button-wp-dark {
  color: #222;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-dark-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-dark:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-dark:hover:not(.disable-hover) {
  color: #222;
}

.toolbar-wp-tam .bar-button-outline-wp-dark {
  border-color: #343434;
  color: #343434;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-tam .bar-button-solid-wp-dark {
  color: #fff;
  background-color: #222;
}

.toolbar-wp-tam .bar-button-solid-wp-dark.activated {
  color: #fff;
  background-color: #343434;
}

.toolbar-wp-tam .bar-button-favorite-wp,
.toolbar-wp-tam .bar-button-clear-wp-favorite,
.toolbar-wp-tam .bar-button-wp-favorite {
  color: #39B44A;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-favorite-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-favorite:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-favorite:hover:not(.disable-hover) {
  color: #39B44A;
}

.toolbar-wp-tam .bar-button-outline-wp-favorite {
  border-color: #49ba58;
  color: #49ba58;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-tam .bar-button-solid-wp-favorite {
  color: #fff;
  background-color: #39B44A;
}

.toolbar-wp-tam .bar-button-solid-wp-favorite.activated {
  color: #fff;
  background-color: #49ba58;
}

.toolbar-wp-tam .bar-button-darkgrey-wp,
.toolbar-wp-tam .bar-button-clear-wp-darkgrey,
.toolbar-wp-tam .bar-button-wp-darkgrey {
  color: #8e9093;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-darkgrey-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-darkgrey:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-darkgrey:hover:not(.disable-hover) {
  color: #8e9093;
}

.toolbar-wp-tam .bar-button-outline-wp-darkgrey {
  border-color: #838487;
  color: #838487;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-tam .bar-button-solid-wp-darkgrey {
  color: #fff;
  background-color: #8e9093;
}

.toolbar-wp-tam .bar-button-solid-wp-darkgrey.activated {
  color: #fff;
  background-color: #838487;
}

.toolbar-wp-tam .bar-button-emerald-wp,
.toolbar-wp-tam .bar-button-clear-wp-emerald,
.toolbar-wp-tam .bar-button-wp-emerald {
  color: #3498db;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-emerald-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-emerald:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-emerald:hover:not(.disable-hover) {
  color: #3498db;
}

.toolbar-wp-tam .bar-button-outline-wp-emerald {
  border-color: #308cc9;
  color: #308cc9;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-tam .bar-button-solid-wp-emerald {
  color: #fff;
  background-color: #3498db;
}

.toolbar-wp-tam .bar-button-solid-wp-emerald.activated {
  color: #fff;
  background-color: #308cc9;
}

.toolbar-wp-tam .bar-button-concrete-wp,
.toolbar-wp-tam .bar-button-clear-wp-concrete,
.toolbar-wp-tam .bar-button-wp-concrete {
  color: #bdc3c7;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-concrete-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-concrete:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-concrete:hover:not(.disable-hover) {
  color: #bdc3c7;
}

.toolbar-wp-tam .bar-button-outline-wp-concrete {
  border-color: #aeb3b7;
  color: #aeb3b7;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-tam .bar-button-solid-wp-concrete {
  color: #fff;
  background-color: #bdc3c7;
}

.toolbar-wp-tam .bar-button-solid-wp-concrete.activated {
  color: #fff;
  background-color: #aeb3b7;
}

.toolbar-wp-tam .bar-button-yellow-wp,
.toolbar-wp-tam .bar-button-clear-wp-yellow,
.toolbar-wp-tam .bar-button-wp-yellow {
  color: #ffff00;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-yellow-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-yellow:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-yellow:hover:not(.disable-hover) {
  color: #ffff00;
}

.toolbar-wp-tam .bar-button-outline-wp-yellow {
  border-color: #ffff14;
  color: #ffff14;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-tam .bar-button-solid-wp-yellow {
  color: #000;
  background-color: #ffff00;
}

.toolbar-wp-tam .bar-button-solid-wp-yellow.activated {
  color: #000;
  background-color: #ffff14;
}

.toolbar-wp-tam .bar-button-black-wp,
.toolbar-wp-tam .bar-button-clear-wp-black,
.toolbar-wp-tam .bar-button-wp-black {
  color: #000000;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-black-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-black:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-black:hover:not(.disable-hover) {
  color: #000000;
}

.toolbar-wp-tam .bar-button-outline-wp-black {
  border-color: #141414;
  color: #141414;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-tam .bar-button-solid-wp-black {
  color: #fff;
  background-color: #000000;
}

.toolbar-wp-tam .bar-button-solid-wp-black.activated {
  color: #fff;
  background-color: #141414;
}

.toolbar-wp-tam .bar-button-grey-wp,
.toolbar-wp-tam .bar-button-clear-wp-grey,
.toolbar-wp-tam .bar-button-wp-grey {
  color: #808080;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-grey-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-grey:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-grey:hover:not(.disable-hover) {
  color: #808080;
}

.toolbar-wp-tam .bar-button-outline-wp-grey {
  border-color: #767676;
  color: #767676;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-tam .bar-button-solid-wp-grey {
  color: #fff;
  background-color: #808080;
}

.toolbar-wp-tam .bar-button-solid-wp-grey.activated {
  color: #fff;
  background-color: #767676;
}

.toolbar-wp-tam .bar-button-red-wp,
.toolbar-wp-tam .bar-button-clear-wp-red,
.toolbar-wp-tam .bar-button-wp-red {
  color: #ed4956;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-red-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-red:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-red:hover:not(.disable-hover) {
  color: #ed4956;
}

.toolbar-wp-tam .bar-button-outline-wp-red {
  border-color: #da434f;
  color: #da434f;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-tam .bar-button-solid-wp-red {
  color: #fff;
  background-color: #ed4956;
}

.toolbar-wp-tam .bar-button-solid-wp-red.activated {
  color: #fff;
  background-color: #da434f;
}

.toolbar-wp-tam .bar-button-notif-wp,
.toolbar-wp-tam .bar-button-clear-wp-notif,
.toolbar-wp-tam .bar-button-wp-notif {
  color: #17DFC4;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-notif-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-notif:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-notif:hover:not(.disable-hover) {
  color: #17DFC4;
}

.toolbar-wp-tam .bar-button-outline-wp-notif {
  border-color: #2ae2c9;
  color: #2ae2c9;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-tam .bar-button-solid-wp-notif {
  color: #fff;
  background-color: #17DFC4;
}

.toolbar-wp-tam .bar-button-solid-wp-notif.activated {
  color: #fff;
  background-color: #2ae2c9;
}

.toolbar-wp-tam .bar-button-new-badge-wp,
.toolbar-wp-tam .bar-button-clear-wp-new-badge,
.toolbar-wp-tam .bar-button-wp-new-badge {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-new-badge-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-new-badge:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-new-badge:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-tam .bar-button-outline-wp-new-badge {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-tam .bar-button-solid-wp-new-badge {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-tam .bar-button-solid-wp-new-badge.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-tam .bar-button-accent-wp,
.toolbar-wp-tam .bar-button-clear-wp-accent,
.toolbar-wp-tam .bar-button-wp-accent {
  color: #63BEFB;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-accent-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-accent:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-accent:hover:not(.disable-hover) {
  color: #63BEFB;
}

.toolbar-wp-tam .bar-button-outline-wp-accent {
  border-color: #5bafe7;
  color: #5bafe7;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-tam .bar-button-solid-wp-accent {
  color: #fff;
  background-color: #63BEFB;
}

.toolbar-wp-tam .bar-button-solid-wp-accent.activated {
  color: #fff;
  background-color: #5bafe7;
}

.toolbar-wp-tam .bar-button-skeleton-wp,
.toolbar-wp-tam .bar-button-clear-wp-skeleton,
.toolbar-wp-tam .bar-button-wp-skeleton {
  color: #dddddd;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-skeleton-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-skeleton:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-skeleton:hover:not(.disable-hover) {
  color: #dddddd;
}

.toolbar-wp-tam .bar-button-outline-wp-skeleton {
  border-color: #cbcbcb;
  color: #cbcbcb;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-tam .bar-button-solid-wp-skeleton {
  color: #000;
  background-color: #dddddd;
}

.toolbar-wp-tam .bar-button-solid-wp-skeleton.activated {
  color: #000;
  background-color: #cbcbcb;
}

.toolbar-wp-tam .bar-button-outline-wp,
.toolbar-wp-tam .bar-button-clear-wp-outline,
.toolbar-wp-tam .bar-button-wp-outline {
  color: #dbdbe1;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-outline:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-outline:hover:not(.disable-hover) {
  color: #dbdbe1;
}

.toolbar-wp-tam .bar-button-outline-wp-outline {
  border-color: #c9c9cf;
  color: #c9c9cf;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-tam .bar-button-solid-wp-outline {
  color: #000;
  background-color: #dbdbe1;
}

.toolbar-wp-tam .bar-button-solid-wp-outline.activated {
  color: #000;
  background-color: #c9c9cf;
}

.toolbar-wp-tam .bar-button-secondary-text-wp,
.toolbar-wp-tam .bar-button-clear-wp-secondary-text,
.toolbar-wp-tam .bar-button-wp-secondary-text {
  color: #A5B0B7;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-secondary-text-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-secondary-text:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-secondary-text:hover:not(.disable-hover) {
  color: #A5B0B7;
}

.toolbar-wp-tam .bar-button-outline-wp-secondary-text {
  border-color: #98a2a8;
  color: #98a2a8;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-tam .bar-button-solid-wp-secondary-text {
  color: #fff;
  background-color: #A5B0B7;
}

.toolbar-wp-tam .bar-button-solid-wp-secondary-text.activated {
  color: #fff;
  background-color: #98a2a8;
}

.toolbar-wp-tam .bar-button-text-wp,
.toolbar-wp-tam .bar-button-clear-wp-text,
.toolbar-wp-tam .bar-button-wp-text {
  color: #192528;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-text-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-text:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-text:hover:not(.disable-hover) {
  color: #192528;
}

.toolbar-wp-tam .bar-button-outline-wp-text {
  border-color: #2b3639;
  color: #2b3639;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-tam .bar-button-solid-wp-text {
  color: #fff;
  background-color: #192528;
}

.toolbar-wp-tam .bar-button-solid-wp-text.activated {
  color: #fff;
  background-color: #2b3639;
}

.toolbar-wp-tam .bar-button-label-wp,
.toolbar-wp-tam .bar-button-clear-wp-label,
.toolbar-wp-tam .bar-button-wp-label {
  color: #333333;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-label-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-label:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-label:hover:not(.disable-hover) {
  color: #333333;
}

.toolbar-wp-tam .bar-button-outline-wp-label {
  border-color: #434343;
  color: #434343;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-tam .bar-button-solid-wp-label {
  color: #fff;
  background-color: #333333;
}

.toolbar-wp-tam .bar-button-solid-wp-label.activated {
  color: #fff;
  background-color: #434343;
}

.toolbar-wp-tam .bar-button-hover-wp,
.toolbar-wp-tam .bar-button-clear-wp-hover,
.toolbar-wp-tam .bar-button-wp-hover {
  color: #eff2f4;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-hover-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-hover:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-hover:hover:not(.disable-hover) {
  color: #eff2f4;
}

.toolbar-wp-tam .bar-button-outline-wp-hover {
  border-color: #dcdfe0;
  color: #dcdfe0;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-tam .bar-button-solid-wp-hover {
  color: #000;
  background-color: #eff2f4;
}

.toolbar-wp-tam .bar-button-solid-wp-hover.activated {
  color: #000;
  background-color: #dcdfe0;
}

.toolbar-wp-tam .bar-button-hover-dark-wp,
.toolbar-wp-tam .bar-button-clear-wp-hover-dark,
.toolbar-wp-tam .bar-button-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-hover-dark-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-hover-dark:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-hover-dark:hover:not(.disable-hover) {
  color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-tam .bar-button-outline-wp-hover-dark {
  border-color: rgba(61, 61, 61, 0.172);
  color: rgba(61, 61, 61, 0.172);
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-tam .bar-button-solid-wp-hover-dark {
  color: #fff;
  background-color: rgba(162, 162, 162, 0.1);
}

.toolbar-wp-tam .bar-button-solid-wp-hover-dark.activated {
  color: #fff;
  background-color: rgba(61, 61, 61, 0.172);
}

.toolbar-wp-tam .bar-button-bgcard-wp,
.toolbar-wp-tam .bar-button-clear-wp-bgcard,
.toolbar-wp-tam .bar-button-wp-bgcard {
  color: #f2f5f8;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-bgcard-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-bgcard:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-bgcard:hover:not(.disable-hover) {
  color: #f2f5f8;
}

.toolbar-wp-tam .bar-button-outline-wp-bgcard {
  border-color: #dee1e4;
  color: #dee1e4;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-tam .bar-button-solid-wp-bgcard {
  color: #000;
  background-color: #f2f5f8;
}

.toolbar-wp-tam .bar-button-solid-wp-bgcard.activated {
  color: #000;
  background-color: #dee1e4;
}

.toolbar-wp-tam .bar-button-bgcard2-wp,
.toolbar-wp-tam .bar-button-clear-wp-bgcard2,
.toolbar-wp-tam .bar-button-wp-bgcard2 {
  color: #fcfcfc;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-bgcard2-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-bgcard2:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-bgcard2:hover:not(.disable-hover) {
  color: #fcfcfc;
}

.toolbar-wp-tam .bar-button-outline-wp-bgcard2 {
  border-color: #e8e8e8;
  color: #e8e8e8;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-tam .bar-button-solid-wp-bgcard2 {
  color: #000;
  background-color: #fcfcfc;
}

.toolbar-wp-tam .bar-button-solid-wp-bgcard2.activated {
  color: #000;
  background-color: #e8e8e8;
}

.toolbar-wp-tam .bar-button-bglabel-wp,
.toolbar-wp-tam .bar-button-clear-wp-bglabel,
.toolbar-wp-tam .bar-button-wp-bglabel {
  color: #E2E9ED;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-bglabel-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-bglabel:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-bglabel:hover:not(.disable-hover) {
  color: #E2E9ED;
}

.toolbar-wp-tam .bar-button-outline-wp-bglabel {
  border-color: #d0d6da;
  color: #d0d6da;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-tam .bar-button-solid-wp-bglabel {
  color: #000;
  background-color: #E2E9ED;
}

.toolbar-wp-tam .bar-button-solid-wp-bglabel.activated {
  color: #000;
  background-color: #d0d6da;
}

.toolbar-wp-tam .bar-button-primary-light-wp,
.toolbar-wp-tam .bar-button-clear-wp-primary-light,
.toolbar-wp-tam .bar-button-wp-primary-light {
  color: #08b2be;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-primary-light-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-primary-light:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-primary-light:hover:not(.disable-hover) {
  color: #08b2be;
}

.toolbar-wp-tam .bar-button-outline-wp-primary-light {
  border-color: #1cb8c3;
  color: #1cb8c3;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-tam .bar-button-solid-wp-primary-light {
  color: #fff;
  background-color: #08b2be;
}

.toolbar-wp-tam .bar-button-solid-wp-primary-light.activated {
  color: #fff;
  background-color: #1cb8c3;
}

.toolbar-wp-tam .bar-button-bgicon-wp,
.toolbar-wp-tam .bar-button-clear-wp-bgicon,
.toolbar-wp-tam .bar-button-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-bgicon-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-bgicon:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-bgicon:hover:not(.disable-hover) {
  color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-tam .bar-button-outline-wp-bgicon {
  border-color: rgba(188, 194, 197, 0.632);
  color: rgba(188, 194, 197, 0.632);
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-tam .bar-button-solid-wp-bgicon {
  color: #000;
  background-color: rgba(226, 233, 237, 0.6);
}

.toolbar-wp-tam .bar-button-solid-wp-bgicon.activated {
  color: #000;
  background-color: rgba(188, 194, 197, 0.632);
}

.toolbar-wp-tam .bar-button-primary-text-wp,
.toolbar-wp-tam .bar-button-clear-wp-primary-text,
.toolbar-wp-tam .bar-button-wp-primary-text {
  color: #189dae;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-primary-text-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-primary-text:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-primary-text:hover:not(.disable-hover) {
  color: #189dae;
}

.toolbar-wp-tam .bar-button-outline-wp-primary-text {
  border-color: #2aa5b4;
  color: #2aa5b4;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-tam .bar-button-solid-wp-primary-text {
  color: #fff;
  background-color: #189dae;
}

.toolbar-wp-tam .bar-button-solid-wp-primary-text.activated {
  color: #fff;
  background-color: #2aa5b4;
}

.toolbar-wp-tam .bar-button-white-wp,
.toolbar-wp-tam .bar-button-clear-wp-white,
.toolbar-wp-tam .bar-button-wp-white {
  color: #FFFFFF;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-white-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-white:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-white:hover:not(.disable-hover) {
  color: #FFFFFF;
}

.toolbar-wp-tam .bar-button-outline-wp-white {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-tam .bar-button-solid-wp-white {
  color: #000;
  background-color: #FFFFFF;
}

.toolbar-wp-tam .bar-button-solid-wp-white.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-tam .bar-button-success-wp,
.toolbar-wp-tam .bar-button-clear-wp-success,
.toolbar-wp-tam .bar-button-wp-success {
  color: #2BB34D;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-success-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-success:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-success:hover:not(.disable-hover) {
  color: #2BB34D;
}

.toolbar-wp-tam .bar-button-outline-wp-success {
  border-color: #3cb95b;
  color: #3cb95b;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-tam .bar-button-solid-wp-success {
  color: #fff;
  background-color: #2BB34D;
}

.toolbar-wp-tam .bar-button-solid-wp-success.activated {
  color: #fff;
  background-color: #3cb95b;
}

.toolbar-wp-tam .bar-button-info-wp,
.toolbar-wp-tam .bar-button-clear-wp-info,
.toolbar-wp-tam .bar-button-wp-info {
  color: #1A73E8;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-info-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-info:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-info:hover:not(.disable-hover) {
  color: #1A73E8;
}

.toolbar-wp-tam .bar-button-outline-wp-info {
  border-color: #186ad5;
  color: #186ad5;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-tam .bar-button-solid-wp-info {
  color: #fff;
  background-color: #1A73E8;
}

.toolbar-wp-tam .bar-button-solid-wp-info.activated {
  color: #fff;
  background-color: #186ad5;
}

.toolbar-wp-tam .bar-button-warning-wp,
.toolbar-wp-tam .bar-button-clear-wp-warning,
.toolbar-wp-tam .bar-button-wp-warning {
  color: #FFAB00;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-warning-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-warning:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-warning:hover:not(.disable-hover) {
  color: #FFAB00;
}

.toolbar-wp-tam .bar-button-outline-wp-warning {
  border-color: #ffb214;
  color: #ffb214;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-tam .bar-button-solid-wp-warning {
  color: #fff;
  background-color: #FFAB00;
}

.toolbar-wp-tam .bar-button-solid-wp-warning.activated {
  color: #fff;
  background-color: #ffb214;
}

.toolbar-wp-tam .bar-button-danger-wp,
.toolbar-wp-tam .bar-button-clear-wp-danger,
.toolbar-wp-tam .bar-button-wp-danger {
  color: #F0624D;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #F0624D;
}

.toolbar-wp-tam .bar-button-outline-wp-danger {
  border-color: #dd5a47;
  color: #dd5a47;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-tam .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #F0624D;
}

.toolbar-wp-tam .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #dd5a47;
}

.toolbar-wp-tam .bar-button-tam-wp,
.toolbar-wp-tam .bar-button-clear-wp-tam,
.toolbar-wp-tam .bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-tam-wp:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-clear-wp-tam:hover:not(.disable-hover),
.toolbar-wp-tam .bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.toolbar-wp-tam .bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.toolbar-wp-tam .bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.toolbar-wp-tam .bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.toolbar-wp-tam .bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-tam-wp,
.bar-button-clear-wp-tam,
.bar-button-wp-tam {
  color: #CC0400;
  background-color: transparent;
}

.bar-button-tam-wp:hover:not(.disable-hover),
.bar-button-clear-wp-tam:hover:not(.disable-hover),
.bar-button-wp-tam:hover:not(.disable-hover) {
  color: #CC0400;
}

.bar-button-outline-wp-tam {
  border-color: #d01814;
  color: #d01814;
  background-color: transparent;
}

.bar-button-outline-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-solid-wp-tam {
  color: #fff;
  background-color: #CC0400;
}

.bar-button-solid-wp-tam.activated {
  color: #fff;
  background-color: #d01814;
}

.bar-button-strong-wp {
  font-weight: bold;
}

.text-ios-primary {
  color: #F68A22;
}

.text-ios-secondary {
  color: #63BEFB;
}

.text-ios-danger-low {
  color: #fb745e;
}

.text-ios-light {
  color: #f4f4f4;
}

.text-ios-dark {
  color: #222;
}

.text-ios-favorite {
  color: #39B44A;
}

.text-ios-darkgrey {
  color: #8e9093;
}

.text-ios-emerald {
  color: #3498db;
}

.text-ios-concrete {
  color: #bdc3c7;
}

.text-ios-yellow {
  color: #ffff00;
}

.text-ios-black {
  color: #000000;
}

.text-ios-grey {
  color: #808080;
}

.text-ios-red {
  color: #ed4956;
}

.text-ios-notif {
  color: #17DFC4;
}

.text-ios-new-badge {
  color: #63BEFB;
}

.text-ios-accent {
  color: #63BEFB;
}

.text-ios-skeleton {
  color: #dddddd;
}

.text-ios-outline {
  color: #dbdbe1;
}

.text-ios-secondary-text {
  color: #A5B0B7;
}

.text-ios-text {
  color: #192528;
}

.text-ios-label {
  color: #333333;
}

.text-ios-hover {
  color: #eff2f4;
}

.text-ios-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.text-ios-bgcard {
  color: #f2f5f8;
}

.text-ios-bgcard2 {
  color: #fcfcfc;
}

.text-ios-bglabel {
  color: #E2E9ED;
}

.text-ios-primary-light {
  color: #08b2be;
}

.text-ios-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.text-ios-primary-text {
  color: #189dae;
}

.text-ios-white {
  color: #FFFFFF;
}

.text-ios-success {
  color: #2BB34D;
}

.text-ios-info {
  color: #1A73E8;
}

.text-ios-warning {
  color: #FFAB00;
}

.text-ios-danger {
  color: #F0624D;
}

.text-ios-tam {
  color: #CC0400;
}

.text-md-primary {
  color: #F68A22;
}

.text-md-secondary {
  color: #63BEFB;
}

.text-md-danger-low {
  color: #fb745e;
}

.text-md-light {
  color: #f4f4f4;
}

.text-md-dark {
  color: #222;
}

.text-md-favorite {
  color: #39B44A;
}

.text-md-darkgrey {
  color: #8e9093;
}

.text-md-emerald {
  color: #3498db;
}

.text-md-concrete {
  color: #bdc3c7;
}

.text-md-yellow {
  color: #ffff00;
}

.text-md-black {
  color: #000000;
}

.text-md-grey {
  color: #808080;
}

.text-md-red {
  color: #ed4956;
}

.text-md-notif {
  color: #17DFC4;
}

.text-md-new-badge {
  color: #63BEFB;
}

.text-md-accent {
  color: #63BEFB;
}

.text-md-skeleton {
  color: #dddddd;
}

.text-md-outline {
  color: #dbdbe1;
}

.text-md-secondary-text {
  color: #A5B0B7;
}

.text-md-text {
  color: #192528;
}

.text-md-label {
  color: #333333;
}

.text-md-hover {
  color: #eff2f4;
}

.text-md-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.text-md-bgcard {
  color: #f2f5f8;
}

.text-md-bgcard2 {
  color: #fcfcfc;
}

.text-md-bglabel {
  color: #E2E9ED;
}

.text-md-primary-light {
  color: #08b2be;
}

.text-md-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.text-md-primary-text {
  color: #189dae;
}

.text-md-white {
  color: #FFFFFF;
}

.text-md-success {
  color: #2BB34D;
}

.text-md-info {
  color: #1A73E8;
}

.text-md-warning {
  color: #FFAB00;
}

.text-md-danger {
  color: #F0624D;
}

.text-md-tam {
  color: #CC0400;
}

.text-wp-primary {
  color: #F68A22;
}

.text-wp-secondary {
  color: #63BEFB;
}

.text-wp-danger-low {
  color: #fb745e;
}

.text-wp-light {
  color: #f4f4f4;
}

.text-wp-dark {
  color: #222;
}

.text-wp-favorite {
  color: #39B44A;
}

.text-wp-darkgrey {
  color: #8e9093;
}

.text-wp-emerald {
  color: #3498db;
}

.text-wp-concrete {
  color: #bdc3c7;
}

.text-wp-yellow {
  color: #ffff00;
}

.text-wp-black {
  color: #000000;
}

.text-wp-grey {
  color: #808080;
}

.text-wp-red {
  color: #ed4956;
}

.text-wp-notif {
  color: #17DFC4;
}

.text-wp-new-badge {
  color: #63BEFB;
}

.text-wp-accent {
  color: #63BEFB;
}

.text-wp-skeleton {
  color: #dddddd;
}

.text-wp-outline {
  color: #dbdbe1;
}

.text-wp-secondary-text {
  color: #A5B0B7;
}

.text-wp-text {
  color: #192528;
}

.text-wp-label {
  color: #333333;
}

.text-wp-hover {
  color: #eff2f4;
}

.text-wp-hover-dark {
  color: rgba(162, 162, 162, 0.1);
}

.text-wp-bgcard {
  color: #f2f5f8;
}

.text-wp-bgcard2 {
  color: #fcfcfc;
}

.text-wp-bglabel {
  color: #E2E9ED;
}

.text-wp-primary-light {
  color: #08b2be;
}

.text-wp-bgicon {
  color: rgba(226, 233, 237, 0.6);
}

.text-wp-primary-text {
  color: #189dae;
}

.text-wp-white {
  color: #FFFFFF;
}

.text-wp-success {
  color: #2BB34D;
}

.text-wp-info {
  color: #1A73E8;
}

.text-wp-warning {
  color: #FFAB00;
}

.text-wp-danger {
  color: #F0624D;
}

.text-wp-tam {
  color: #CC0400;
}

.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(18px + 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(18px + 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(18px + 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(18px + 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(18px + 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(18px + 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));
}

.item-label-stacked .ionic-selectable, .item-label-floating .ionic-selectable {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  max-width: 100%;
  padding-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.item-label-stacked .ionic-selectable-value, .item-label-floating .ionic-selectable-value {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 19px;
}

.item-label-stacked .ionic-selectable-icon-inner, .item-label-floating .ionic-selectable-icon-inner {
  top: 7px;
}

.item-label-stacked .ionic-selectable-ios .ionic-selectable-value, .item-label-floating .ionic-selectable-ios .ionic-selectable-value {
  padding-top: 0;
  padding-bottom: 0;
  min-height: 20px;
}

.item-label-stacked .ionic-selectable-ios .ionic-selectable-icon-inner, .item-label-floating .ionic-selectable-ios .ionic-selectable-icon-inner {
  top: 8px;
}

.item:not(.item-label-stacked):not(.item-label-floating) .ionic-selectable-md .ionic-selectable-value {
  padding-left: 16px;
}

.item:not(.item-label-stacked):not(.item-label-floating) .ionic-selectable-ios .ionic-selectable-value {
  padding-left: 16px;
}

.item-ionic-selectable .item-inner .input-wrapper {
  -webkit-box-align: normal;
  -webkit-align-items: normal;
  -ms-flex-align: normal;
  align-items: normal;
}

.item-ionic-selectable ion-label {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: initial;
}

.ionic-selectable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 45%;
}

.ionic-selectable:not(.ionic-selectable-is-enabled) {
  opacity: 0.4;
}

.ionic-selectable-has-placeholder .ionic-selectable-value-item {
  color: #999;
}

.ionic-selectable-value {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-top: 13px;
  padding-bottom: 13px;
  overflow: hidden;
}

.ionic-selectable-value-item {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.ionic-selectable-value-item:not(:last-child) {
  margin-bottom: 5px;
}

.ionic-selectable-icon {
  position: relative;
  width: 20px;
}

.ionic-selectable-icon-inner {
  position: absolute;
  top: 20px;
  left: 5px;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  pointer-events: none;
}

.ionic-selectable-item-button {
  width: 25px;
}

.ionic-selectable-item-icon-template[item-left] {
  /*Correct item icon template position.*/
  margin: 0 0 0 1px;
}

.ionic-selectable-ios.ionic-selectable-has-placeholder .ionic-selectable-value-item {
  color: #999;
}

.ionic-selectable-ios .ionic-selectable-value {
  padding-top: 11px;
  padding-bottom: 11px;
}

.ionic-selectable-ios .ionic-selectable-icon-inner {
  top: 19px;
  color: #999;
}

.ionic-selectable-md .ionic-selectable-icon-inner {
  color: #999;
}

.ionic-selectable-spinner {
  position: fixed;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.ionic-selectable-spinner-background {
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: absolute;
  background-color: #000000;
  opacity: 0.05;
}

.ionic-selectable-spinner ion-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  margin-top: -14px;
  margin-left: -14px;
}

.ionic-selectable-add-item-template {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
}

.ionic-selectable-modal-ios .ionic-selectable-message {
  padding: 8px;
}

.ionic-selectable-modal-md .ionic-selectable-message {
  padding: 8px 12px;
}

.ionic-selectable-modal.ionic-selectable-modal-can-clear.ionic-selectable-modal-is-multiple .footer .col:first-child {
  padding-right: 10px;
}

.ionic-selectable-modal.ionic-selectable-modal-can-clear.ionic-selectable-modal-is-multiple .footer .col:last-child {
  padding-left: 10px;
}

.ionic-selectable-modal.ionic-selectable-modal-is-searching .scroll-content {
  overflow-y: hidden;
}

.ionic-selectable-modal.ionic-selectable-modal-is-add-item-template-visible > .content > .scroll-content {
  overflow-y: hidden;
}

.ionic-selectable-modal ion-footer ion-toolbar {
  padding: 5px 16px;
}

/*=== Material ANIMATION var ===*/
/*=== Material ANIMATION var - END ===*/
.sub-ttl {
  color: #7d7d7d !important;
  font-size: 12pt;
}

ion-label {
  color: #192528 !important;
  font-size: 14px !important;
  font-family: regular !important;
}

p {
  font-size: 14px !important;
  font-family: regular !important;
  line-height: 1.4em;
}

ion-label .sm-ttl {
  font-size: 12pt !important;
  color: #7f7f7f !important;
  opacity: 0.5;
}

.gdx-disable {
  pointer-events: none;
  opacity: 0.4;
}

/* #region: ===== TYPOGRAPHY ================ */
h2,
h3 {
  font-family: "bold";
}

p {
  font-size: 14px;
}

a {
  font-size: 14px;
}

ion-label {
  font-size: 14px;
}

p[large-text] {
  font-size: 16px !important;
}

a[large-text] {
  font-size: 16px !important;
}

ion-label[large-text] {
  font-size: 16px !important;
}

p[medium-text] {
  font-size: 14px !important;
}

a[medium-text] {
  font-size: 14px !important;
}

ion-label[medium-text] {
  font-size: 14px !important;
}

p[small-text] {
  font-size: 12px !important;
}

a[small-text] {
  font-size: 12px !important;
}

ion-label[small-text] {
  font-size: 12px !important;
}

p[small-text] {
  letter-spacing: -0.24px !important;
}

a[small-text] {
  letter-spacing: 0px !important;
}

b[small-text] {
  letter-spacing: -0.24px !important;
}

p[small-text] {
  line-height: 20px;
}

a[small-text] {
  line-height: 18px;
}

b[small-text] {
  line-height: 18px;
}

[bold-text] {
  font-weight: 600;
}

/*==================BUTTON=================*/
button .payroll-fix-button {
  width: 200px !important;
  height: 35px !important;
}

/*==============ALERT BUTTON================*/
.alert-standard .alert-wrapper {
  border-radius: 10px;
  width: 100%;
  max-width: 400px;
}

.alert-standard .alert-title {
  text-align: left !important;
  font-size: 18px;
}

.alert-standard .alert-message {
  text-align: left !important;
  padding: 0 24px !important;
}

.alert-standard .alert-input-group {
  padding: 0 24px !important;
  margin: 13px 0 5px 0;
}

.alert-standard .alert-input-group input {
  border: 1px solid #dedede !important;
  border-radius: 10px;
  padding: 10px;
}

.alert-standard .alert-input-group input:focus {
  margin-bottom: 5px !important;
}

.alert-standard .alert-button-group .alert-button {
  margin: 0 5px !important;
  text-transform: capitalize !important;
  background: none;
  color: #A5B0B7;
}

.alert-standard .alert-button-group .alert-button.danger-button {
  background: #F0624D !important;
  color: #f4f4f4 !important;
}

.alert-standard .alert-button-group .alert-button.primary-button {
  background: #F68A22 !important;
  color: #f4f4f4 !important;
}

.appVersionAlert .alert-wrapper {
  border-radius: 8px;
}

.appVersionAlert .alert-wrapper .alert-head {
  text-align: center;
}

.appVersionAlert .alert-wrapper .alert-head .alert-title {
  color: #F68A22;
}

.appVersionAlert .alert-wrapper .alert-button {
  background-color: #F68A22;
  color: white;
  border-radius: 100px;
  margin-bottom: 10px;
}

.appVersionAlert .alert-wrapper .alert-button-ios {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.notifQuizElr .alert-wrapper {
  border-radius: 8px;
}

.notifQuizElr .alert-wrapper .alert-head {
  text-align: center;
}

.notifQuizElr .alert-wrapper .alert-head .alert-title {
  color: #F68A22;
}

.notifQuizElr .alert-wrapper .alert-message {
  overflow-y: auto !important;
  max-height: 240px !important;
}

.notifQuizElr .alert-wrapper .alert-button {
  background-color: #F68A22;
  color: white;
  border-radius: 20px;
  margin-bottom: 10px;
}

.notifQuizElr .alert-wrapper .alert-button-ios {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.grd-alert .alert-title {
  text-align: center !important;
}

.grd-alert .grd-alert-cancelbtn {
  background-color: #f4f4f4 !important;
  color: #909191 !important;
  border: 0.5px solid #DEDEDE !important;
  text-transform: capitalize !important;
  border-radius: 5px !important;
  min-width: 80px !important;
  -webkit-transition: background-color 0.5s ease !important;
  transition: background-color 0.5s ease !important;
}

.grd-alert .grd-alert-cancelbtn .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.grd-alert .grd-alert-cancelbtn:hover {
  background-color: #e0e0e0 !important;
  color: #7F7F7F !important;
}

.grd-alert .grd-alert-deletebtn {
  color: #A5B0B7 !important;
  border-color: #F0624D !important;
  text-transform: capitalize !important;
  border-radius: 5px !important;
  min-width: 80px !important;
  -webkit-transition: background-color 0.5s ease !important;
  transition: background-color 0.5s ease !important;
}

.grd-alert .grd-alert-deletebtn .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.grd-alert .grd-alert-deletebtn:hover {
  color: white !important;
  background-color: #F0624D !important;
}

.grd-alert .grd-alert-savebtn {
  color: white !important;
  background-color: #F68A22 !important;
  text-transform: capitalize !important;
  border-radius: 5px !important;
  min-width: 80px !important;
  -webkit-transition: background-color 0.5s ease !important;
  transition: background-color 0.5s ease !important;
}

.grd-alert .grd-alert-savebtn .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

ion-alert.select-alert .alert-radio-group .alert-radio-label {
  white-space: normal !important;
  line-height: 19px;
}

ion-alert.invalidtkn {
  padding: 0 20px !important;
}

.alert-md .alert-message,
.alert-md .alert-input-group {
  color: rgba(0, 0, 0, 0.5);
  padding: 0 33px !important;
}

.invalidtkn ion-alert {
  padding: 0 20px !important;
}

.invalidtkn .alert-head {
  padding: 16px 0;
}

.invalidtkn img {
  width: 80px;
  height: 80px;
}

.invalidtkn h3 {
  font-size: 24px !important;
  color: #121212;
}

.invalidtkn h6 {
  line-height: 25px;
  font-size: 16px !important;
  color: #aaaaaa;
}

.invalidtkn .alert-wrapper {
  border-radius: 4px !important;
  padding-bottom: 20px;
}

.invalidtkn button.alert-button.alert-button-md.alert-button-default.alert-button-default-md {
  background: #f68a22;
  padding: 12px 16px;
  color: white;
}

.invalidtkn .alert-button-group {
  padding: 10px !important;
}

.invalidtkn span.button-inner {
  text-transform: capitalize;
}

@media screen and (min-width: 1920px) {
  .invalidtkn .alert-wrapper {
    max-width: 397px;
  }
  .invalidtkn h3 {
    font-size: 24px !important;
  }
  .invalidtkn h6 {
    font-size: 14px !important;
  }
}

@media screen and (min-width: 1280px) {
  .invalidtkn .invalidtkn img {
    width: 60px;
    height: 60px;
  }
  .invalidtkn .alert-wrapper {
    max-width: 360px;
  }
  .invalidtkn h3 {
    font-size: 16px !important;
  }
  .invalidtkn h6 {
    font-size: 12px !important;
  }
}

@media screen and (max-width: 768px) {
  .invalidtkn .alert-wrapper {
    max-width: 100%;
  }
  .invalidtkn img {
    width: 44px;
    height: 44px;
  }
  .invalidtkn h3 {
    font-size: 16px;
    color: #121212;
  }
  .invalidtkn h6 {
    font-size: 12px;
    color: #aaaaaa;
  }
  .invalidtkn .alert-message {
    overflow: unset;
  }
  .invalidtkn span.button-inner {
    padding: 0px 35px;
  }
}

@media screen and (max-width: 768px) {
  .invalidtkn img {
    width: 80px;
    height: 80px;
  }
  .invalidtkn .alert-wrapper {
    max-width: 398px;
  }
}

@media screen and (max-width: 411px) {
  .invalidtkn .alert-wrapper {
    max-width: 315px;
  }
}

.payDetail .alert-head {
  padding: 16px !important;
}

.payDetail input {
  margin: 0 !important;
  outline: none !important;
  border: none !important;
  background-color: transparent !important;
  padding: 10px 0 !important;
}

.payDetail .alert-wrapper .alert-message {
  text-align: left !important;
  padding: 0 16px !important;
}

.payDetail .alert-md .alert-message {
  padding: 0px 16px !important;
}

.payDetail .alert-md .alert-input {
  border: 1px solid #d7dae0;
}

.payDetail .alert-input-group {
  margin-bottom: -2px;
  margin-top: 16px;
}

.payDetail .alert-md .alert-head {
  padding: 16px !important;
}

.payDetail .alert-md .alert-wrapper {
  max-width: 300px;
}

.payDetail .alert-input-group {
  padding: 0 16px !important;
}

.payDetail .alert-input-wrapper {
  border: 1px solid #d7dae0;
  padding: 0 16px;
}

.payDetail h3#alert-subhdr-0 {
  font-size: 14px !important;
  color: #808080;
}

.payDetail ion-alert {
  padding: 0 20px !important;
}

.payDetail button.alert-button.alert-button-md.alert-button-default.alert-button-default-md {
  background: #f68a22;
  padding: 12px 16px;
  color: white;
  width: 100%;
}

.payDetail .alert-button-group {
  padding: 16px;
}

.payDetail span.button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.Report-Problem .alert-head {
  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;
}

.Report-Problem .alert-head .alert-title img {
  width: 40px;
  height: 40px;
}

.Report-Problem .alert-head .alert-sub-title {
  font-size: 16px;
  color: #121212;
  font-weight: bold;
  margin-bottom: -8px;
  margin-top: 8px;
  text-align: center;
}

.Report-Problem .alert-message {
  text-align: center;
  margin-bottom: 5px;
  margin-top: 5px;
}

.Report-Problem .alert-button-group {
  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;
}

.Report-Problem .alert-button-group button.alert-button.alert-button-md.top.alert-button-default.alert-button-default-md,
.Report-Problem .alert-button-group button.alert-button.alert-button-ios.top.alert-button-default.alert-button-default-ios {
  background: #f68a22;
  color: white;
  width: 100%;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.Report-Problem .alert-button-group button.alert-button.alert-button-md.top.alert-button-default.alert-button-default-md span.button-inner,
.Report-Problem .alert-button-group button.alert-button.alert-button-ios.top.alert-button-default.alert-button-default-ios span.button-inner {
  font-weight: bold;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

.Report-Problem .alert-button-group button.alert-button.alert-button-md.mid.alert-button-default.alert-button-default-md,
.Report-Problem .alert-button-group button.alert-button.alert-button-ios.mid.alert-button-default.alert-button-default-ios {
  background: none;
  color: #818fa3;
  font-size: 16px;
  margin: 15px 0;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.Report-Problem .alert-button-group button.alert-button.alert-button-md.bottom.alert-button-default.alert-button-default-md,
.Report-Problem .alert-button-group button.alert-button.alert-button-ios.bottom.alert-button-default.alert-button-default-ios {
  color: #808080;
  font-size: 10px;
  pointer-events: none;
  margin-top: -20px;
  background: none;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.Report-Problem .alert-button-group.alert-button-group-vertical {
  padding: 0 16px;
}

.alert-md .alert-button-group {
  padding: 16px 16px 16px 16px !important;
}

/*=========================================*/
[gdx-button]:not([icon-only]) {
  padding: 13px 19px !important;
  min-width: 100px !important;
}

[gdx-button][icon-only] {
  width: 36px;
  height: 36px;
}

[gdx-button],
button.button-rounded-none {
  border-radius: 10px !important;
  font-size: 14px !important;
  text-transform: capitalize !important;
}

[gdx-button] + [gdx-button],
button.button-rounded-none + [gdx-button] {
  margin-left: 12px;
}

[gdx-button][outline],
button.button-rounded-none[outline] {
  border: 1px solid #F68A22 !important;
}

[gdx-button][outline] ion-label,
[gdx-button][outline] p,
button.button-rounded-none[outline] ion-label,
button.button-rounded-none[outline] p {
  color: #F68A22 !important;
}

[gdx-button][color="primary"] ion-label,
[gdx-button][color="primary"] p,
button.button-rounded-none[color="primary"] ion-label,
button.button-rounded-none[color="primary"] p {
  color: white !important;
}

ion-footer .button-transparent {
  /* note: least level of button emphasis is outlined
   * see UI Guideline 2020 (200826) */
  border: 1px solid #F68A22 !important;
  color: #F68A22 !important;
}

ion-item[grd-item] {
  border-radius: 2px !important;
}

ion-item[grd-item][fit-content] {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

ion-input[grd-input] {
  border: 1px solid #dedede;
  border-radius: 10px;
}

div[gdx-button-toggle] {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

div[gdx-button-toggle] ion-item {
  width: auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-bottom: 10px;
}

div[gdx-button-toggle] ion-item .item-inner {
  border: none !important;
  padding: 0;
}

div[gdx-button-toggle] ion-item .item-inner .input-wrapper {
  padding: 10px 20px;
  border-radius: 5px;
  border: 1.5px solid #faa43e;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

div[gdx-button-toggle] ion-item .item-inner .input-wrapper ion-label {
  margin: 0;
  color: #faa43e !important;
  font-weight: 500;
}

div[gdx-button-toggle] ion-item .item-inner ion-radio {
  margin: 0;
  width: 0;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

div[gdx-button-toggle] ion-item.item-radio-checked .input-wrapper {
  background: #feda98;
  border: 1.5px solid #f77a00;
}

div[gdx-button-toggle] ion-item.item-radio-checked .input-wrapper ion-label {
  color: #f77a00 !important;
}

div[gdx-button-toggle] ion-item.item-radio-disabled .input-wrapper {
  border: 1.5px solid rgba(250, 164, 62, 0.3);
}

div[gdx-button-toggle] ion-item.item-radio-disabled .input-wrapper ion-label {
  color: #faa43e !important;
}

ion-radio.radio-ios[md] .radio-icon {
  width: 16px;
  height: 16px;
  border: 1px solid #dbdbe1;
  border-radius: 200px;
}

ion-radio.radio-ios[md] .radio-checked .radio-inner {
  width: 5px;
  height: 9px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}

ion-toggle[gdx-toggle] {
  width: 54px !important;
  height: 30px !important;
  padding: 0 8px;
}

ion-toggle[gdx-toggle] .toggle-icon {
  background: #A5B0B7 !important;
  border: none !important;
}

ion-toggle[gdx-toggle] .toggle-icon .toggle-inner {
  background: #fff;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  top: 3px !important;
  width: 24px !important;
  height: 24px !important;
  margin-left: 3px;
}

ion-toggle[gdx-toggle].toggle-checked .toggle-icon {
  background: #F68A22 !important;
}

ion-toggle[gdx-toggle].toggle-checked .toggle-icon .toggle-inner {
  background: #fff;
  -webkit-transform: translate3d(25px, 0, 0) !important;
  transform: translate3d(25px, 0, 0) !important;
}

/*===================CHECKBOX====================*/
ion-checkbox[grd-checkbox] .checkbox-icon {
  border-radius: 4px !important;
  width: 18px !important;
  height: 18px !important;
  background: white;
}

ion-checkbox[grd-checkbox] .checkbox-icon .checkbox-inner, ion-checkbox[gdx-checkbox] .checkbox-icon ion-checkbox[grd-checkbox] .checkbox-inner, page-login-session .check-subsection .checkbox-icon ion-checkbox[grd-checkbox] .checkbox-inner {
  left: 6px;
  top: 1px;
  height: 12px !important;
  width: 7px !important;
  border-color: white;
}

ion-checkbox[grd-checkbox] .checkbox-checked {
  background: #F68A22 !important;
  border: none !important;
}

ion-checkbox[grd-checkbox] .checkbox-icon {
  border: 2px solid #A5B0B7;
}

ion-checkbox[grd-checkbox].checkbox-ios > .checkbox-icon {
  border-radius: 200px !important;
  width: 19px !important;
  height: 19px !important;
}

[gdx-checkbox][circle] {
  width: 20px;
  height: 20px;
  border-radius: 200px;
  border: 1px solid #dbdbe1;
  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;
}

[gdx-checkbox][circle] [gdx-checkbox-icon] {
  width: 12px;
  height: 12px;
  border-radius: 200px;
  background-color: #F68A22;
}

[gdx-checkbox].gdx-checkbox-active {
  border: 1px solid #F68A22 !important;
}

ion-checkbox[gdx-checkbox] .checkbox-icon {
  border-radius: 4px !important;
  width: 20px !important;
  height: 20px !important;
  background: white;
}

ion-checkbox[grd-checkbox] .checkbox-icon ion-checkbox[gdx-checkbox] .checkbox-inner, ion-checkbox[gdx-checkbox] .checkbox-icon .checkbox-inner, page-login-session .check-subsection .checkbox-icon ion-checkbox[gdx-checkbox] .checkbox-inner {
  left: 7px;
  top: 4px;
  height: 9px !important;
  width: 5.5px !important;
  border-color: white;
  -webkit-transform: rotate(43deg) !important;
  transform: rotate(43deg) !important;
}

ion-checkbox[gdx-checkbox] .checkbox-checked {
  background: #2BB34D !important;
  border: none !important;
}

ion-checkbox[gdx-checkbox] .checkbox-icon {
  border: 2px solid #A5B0B7;
}

ion-checkbox[gdx-checkbox].checkbox-ios > .checkbox-icon {
  border-radius: 200px !important;
  width: 19px !important;
  height: 19px !important;
}

.item[grd-item] ion-checkbox[grd-checkbox] {
  margin-right: 8px !important;
}

/*===== COMPONENT CUSTOM TOGGLE ===*/
.toggle-ios .toggle-inner {
  top: 1px !important;
}

.ion-ios-send {
  padding-right: 1px;
}

.toggle-md .toggle-inner {
  top: auto !important;
  bottom: auto !important;
}

.toggle-md .toggle-icon {
  border: 1px solid #909191 !important;
  background-color: transparent !important;
}

.toggle-md.checked .toggle-icon {
  background-color: transparent !important;
}

/*===== END: COMPONENT CUSTOM TOGGLE ===*/
.sub-icon {
  color: #7d7d7d;
}

.sub-text {
  color: #808080;
  font-size: 12pt;
}

.data-employee {
  font-size: 12pt !important;
  color: white !important;
}

.spc-color {
  background-color: #F0624D;
}

.act-color {
  background-color: #F68A22;
}

.att-color {
  background-color: #F0624D;
}

.item-block {
  padding-left: 0;
}

.data-list-request ion-avatar.def {
  background-color: #F68A22;
  text-align: center;
  line-height: 3.7;
  border-radius: 50%;
}

.data-list-request ion-avatar.def ion-icon {
  color: #fff;
  font-size: 30px;
}

.data-list-request ion-avatar.def ion-item ion-label p:last-child {
  color: #000 !important;
}

.data-list-request ion-avatar.def div.alfa-icon {
  color: #fff;
  line-height: 50px;
  font-size: 25px;
}

.tip-info {
  color: #F68A22 !important;
}

ion-avatar {
  margin: 8px 12px 8px 0px !important;
  width: 3em !important;
  height: 3em !important;
}

ion-avatar img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 200px;
  width: 3em !important;
  height: 3em !important;
  max-width: none;
  background-color: #eeeeee;
  -o-object-position: top;
  object-position: top;
}

.btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

.btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

.btn-footer-action-page ul li {
  display: inline-block;
  margin-right: 1px !important;
  list-style: none;
  background-color: #F68A22;
  padding: 1em 1.5em;
  color: #fff;
  margin: 0.5em 0;
  min-width: 1em;
  text-transform: capitalize;
  border-radius: 4px;
}

.btn-footer-action-page ul .spc-color {
  background-color: #F0624D;
}

.btn-footer-action-page ul li:first-child {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  padding: 1em 1.7em;
}

.btn-footer-action-page ul li:last-child {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  padding: 1em 1.7em;
}

.single-btn li {
  border-radius: 2em !important;
  min-width: 50% !important;
}

.full-btn ul li {
  min-width: 15em;
}

.searchbar-input {
  border-radius: 20px !important;
  border: 1px solid #dbdbe1;
}

.mdl-card {
  max-width: 550px;
  min-height: 0;
  margin: 10px auto 20px;
}

.mdl-card__supporting-text {
  width: 100%;
  padding: 0;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {
  width: 25%;
  /* 100 / no_of_steps */
}

/* Begin actual mdl-stepper css styles */
.mdl-stepper-horizontal-alternative {
  display: table;
  width: 100%;
  margin: 0 auto;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step {
  display: table-cell;
  position: relative;
  padding: 0 5px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step:first-child .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step:last-child .mdl-stepper-bar-right {
  display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-circle {
  width: 24px;
  height: 24px;
  margin: 0 auto;
  background-color: #ccc;
  border-radius: 50%;
  text-align: center;
  line-height: 2em;
  font-size: 12px;
  color: white;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-circle {
  background-color: #F68A22;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle:before {
  content: "\2714";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.step-done .mdl-stepper-circle *,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle * {
  display: none;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle {
  /* Gecko */
  /* Opera */
  -webkit-transform: scaleX(-1);
  /* Webkit */
  transform: scaleX(-1);
  /* Standard */
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.editable-step .mdl-stepper-circle:before {
  content: "\270E";
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title {
  margin-top: 16px;
  font-size: 14px;
  font-weight: normal;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-title,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
  text-align: center;
  color: rgba(0, 0, 0, 0.15);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-title {
  font-weight: 500;
  color: #808080;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.step-done .mdl-stepper-title,
.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step.editable-step .mdl-stepper-title {
  font-weight: 300;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-optional {
  font-size: 12px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step.active-step .mdl-stepper-optional {
  color: rgba(0, 0, 0, 0.54);
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left,
.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  position: absolute;
  top: 11px;
  height: 1px;
  border-top: 1px solid #bdbdbd;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-right {
  right: 0;
  left: 50%;
  margin-left: 20px;
}

.mdl-stepper-horizontal-alternative .mdl-stepper-step .mdl-stepper-bar-left {
  left: 0;
  right: 50%;
  margin-right: 20px;
}

.platform-ios .tab-segment {
  padding: 0em;
}

.center-cropped {
  width: 100px;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
}

.outstand-stat {
  border-left: 7px solid #7f7f7f;
}

.stat1 {
  color: #F68A22;
}

.stat2 {
  color: #63BEFB;
}

.stat3 {
  color: #666;
}

.stat4 {
  color: #F0624D;
}

.progressBar {
  border-radius: 1em;
  height: 10px;
  width: 100%;
  background-color: #ccc;
}

.progressBar .value-ProgressBar {
  border-radius: 1em;
  background-color: green;
  height: 10px;
  width: 40%;
}

.grow {
  -webkit-animation: grow 5s forwards;
  animation: grow 5s forwards;
}

.r-txt {
  text-align: right;
}

.l-txt {
  text-align: left;
}

.scroll-content {
  overflow-y: auto;
}

@font-face {
  font-family: "black";
  src: url("../assets/fonts/Roboto-Black.ttf");
  src: url("../assets/fonts/Roboto-Black.eot"), url("../assets/fonts/Roboto-Black.woff") format("woff"), url("../assets/fonts/Roboto-Black.woff2") format("woff2"), url("../assets/fonts/Roboto-Black.svg#Roboto-Black") format("svg"), url("../assets/fonts/Roboto-Black.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "black-italic";
  src: url("../assets/fonts/Roboto-BlackItalic.ttf");
  src: url("../assets/fonts/Roboto-BlackItalic.eot"), url("../assets/fonts/Roboto-BlackItalic.woff") format("woff"), url("../assets/fonts/Roboto-BlackItalic.woff2") format("woff2"), url("../assets/fonts/Roboto-BlackItalic.svg#Roboto-BlackItalic") format("svg"), url("../assets/fonts/Roboto-BlackItalic.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "bold";
  src: url("../assets/fonts/Roboto-Bold.ttf") format("truetype");
  src: url("../assets/fonts/Roboto-Bold.eot"), url("../assets/fonts/Roboto-Bold.woff") format("woff"), url("../assets/fonts/Roboto-Bold.woff2") format("woff2"), url("../assets/fonts/Roboto-Bold.svg#Roboto-Bold") format("svg"), url("../assets/fonts/Roboto-Bold.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "bold-italic";
  src: url("../assets/fonts/Roboto-BoldItalic.ttf");
  src: url("../assets/fonts/Roboto-BoldItalic.eot"), url("../assets/fonts/Roboto-BoldItalic.woff") format("woff"), url("../assets/fonts/Roboto-BoldItalic.woff2") format("woff2"), url("../assets/fonts/Roboto-BoldItalic.svg#Roboto-BoldItalic") format("svg"), url("../assets/fonts/Roboto-BoldItalic.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "italic";
  src: url("../assets/fonts/Roboto-Italic.ttf");
  src: url("../assets/fonts/Roboto-Italic.eot"), url("../assets/fonts/Roboto-Italic.woff") format("woff"), url("../assets/fonts/Roboto-Italic.woff2") format("woff2"), url("../assets/fonts/Roboto-Italic.svg#Roboto-Italic") format("svg"), url("../assets/fonts/Roboto-Italic.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "light";
  src: url("../assets/fonts/Roboto-Light.ttf");
  src: url("../assets/fonts/Roboto-Light.eot"), url("../assets/fonts/Roboto-Light.woff") format("woff"), url("../assets/fonts/Roboto-Light.woff2") format("woff2"), url("../assets/fonts/Roboto-Light.svg#Roboto-Light") format("svg"), url("../assets/fonts/Roboto-Light.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "light-italic";
  src: url("../assets/fonts/Roboto-LightItalic.ttf");
  src: url("../assets/fonts/Roboto-LightItalic.eot"), url("../assets/fonts/Roboto-LightItalic.woff") format("woff"), url("../assets/fonts/Roboto-LightItalic.woff2") format("woff2"), url("../assets/fonts/Roboto-LightItalic.svg#Roboto-LightItalic") format("svg"), url("../assets/fonts/Roboto-LightItalic.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "medium";
  src: url("../assets/fonts/Roboto-Medium.ttf") format("truetype");
  src: url("../assets/fonts/Roboto-Medium.eot"), url("../assets/fonts/Roboto-Medium.woff") format("woff"), url("../assets/fonts/Roboto-Medium.woff2") format("woff2"), url("../assets/fonts/Roboto-Medium.svg#Roboto-Medium") format("svg"), url("../assets/fonts/Roboto-Medium.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "medium-italic";
  src: url("../assets/fonts/Roboto-MediumItalic.ttf");
  src: url("../assets/fonts/Roboto-MediumItalic.eot"), url("../assets/fonts/Roboto-MediumItalic.woff") format("woff"), url("../assets/fonts/Roboto-MediumItalic.woff2") format("woff2"), url("../assets/fonts/Roboto-MediumItalic.svg#Roboto-MediumItalic") format("svg"), url("../assets/fonts/Roboto-MediumItalic.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "regular";
  src: url("../assets/fonts/Roboto-Regular.ttf") format("truetype");
  src: url("../assets/fonts/Roboto-Regular.eot"), url("../assets/fonts/Roboto-Regular.woff") format("woff"), url("../assets/fonts/Roboto-Regular.woff2") format("woff2"), url("../assets/fonts/Roboto-Regular.svg#Roboto-Regular") format("svg"), url("../assets/fonts/Roboto-Regular.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "thin";
  src: url("../assets/fonts/Roboto-Thin.ttf");
  src: url("../assets/fonts/Roboto-Thin.eot"), url("../assets/fonts/Roboto-Thin.woff") format("woff"), url("../assets/fonts/Roboto-Thin.woff2") format("woff2"), url("../assets/fonts/Roboto-Thin.svg#Roboto-Thin") format("svg"), url("../assets/fonts/Roboto-Thin.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "thin-italic";
  src: url("../assets/fonts/Roboto-ThinItalic.ttf");
  src: url("../assets/fonts/Roboto-ThinItalic.eot"), url("../assets/fonts/Roboto-ThinItalic.woff") format("woff"), url("../assets/fonts/Roboto-ThinItalic.woff2") format("woff2"), url("../assets/fonts/Roboto-ThinItalic.svg#Roboto-ThinItalic") format("svg"), url("../assets/fonts/Roboto-ThinItalic.eot?#iefix") format("embedded-opentype");
}

@font-face {
  font-family: "sficon";
  src: url("../assets/fonts/sficon.eot?32ny9o");
  src: url("../assets/fonts/sficon.eot?32ny9o#iefix") format("embedded-opentype"), url("../assets/fonts/sficon.ttf?32ny9o") format("truetype"), url("../assets/fonts/sficon.woff?32ny9o") format("woff"), url("../assets/fonts/sficon.svg?32ny9o#sficon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/*
DHX CSS Start
*/
@font-face {
  font-family: "DHX Icons";
  src: url("../assets/external-libs/fonts/dhxicons-webfont.eot");
  src: url("../assets/external-libs/fonts/dhxicons-webfont.eot") format("embedded-opentype"), url("../assets/external-libs/fonts/dhxicons-webfont.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Glyphter";
  src: url(data:application/vnd.ms-fontobject;base64,0AYAACgGAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAd8Ar0QAAAAAAAAAAAAAAAAAAAAAAABAARwBsAHkAcABoAHQAZQByAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAQAEcAbAB5AHAAaAB0AGUAcgAAAAAAAAEAAAAKAIAAAwAgT1MvMla1YzMAAAEoAAAAVmNtYXAAlAF3AAABiAAAAUpnbHlmmFtZ3wAAAtwAAACwaGVhZBIxQLgAAADQAAAANmhoZWEIXQQDAAAArAAAACRobXR4CAAAAAAAAYAAAAAIbG9jYQBYAAAAAALUAAAABm1heHABDwBFAAABCAAAACBuYW1l1YxlJAAAA4wAAAJtcG9zdAEQAAAAAAX8AAAAKQABAAAEAAAAAFwEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAAAgABAAAAAQAA0SvAd18PPPUACwQAAAAAANeJfhsAAAAA14l+GwAAAAAEAAOFAAAACAACAAAAAAAAAAEAAAACADkAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAEEAQQQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAAAAADAAAAAwAAABwAAQAAAAAARAADAAEAAAAcAAQAKAAAAAYABAABAAIAAABB//8AAAAAAEH//wAA/8AAAQAAAAAAAAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWAAAAAMAAAAABAADhQATAC8AOAAAJS4BJz4BNz4BNx4BFx4BFw4BByMxND0BMz4BNy4BJyM1LgEnDgEHIw4BBx4BFzMVExYfASMRIxEjAQBtkAMCgGIqlF53qxhVbwICcVqZmTZBAQJINkADhGRSeRceSWACAmBJZpoNWWeaZpriA45sZIsMTVwCA41vCHRVWncCBSYqAkY2NkcBFWODAgFdSgJfSEheAlUBmg1aZv7NATMAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAIABUAAQAAAAAAAgAHAB0AAQAAAAAAAwAIACQAAQAAAAAABAAIACwAAQAAAAAABQALADQAAQAAAAAABgAIAD8AAQAAAAAACgArAEcAAQAAAAAACwATAHIAAwABBAkAAAAqAIUAAwABBAkAAQAQAK8AAwABBAkAAgAOAL8AAwABBAkAAwAQAM0AAwABBAkABAAQAN0AAwABBAkABQAWAO0AAwABBAkABgAQAQMAAwABBAkACgBWARMAAwABBAkACwAmAWlHZW5lcmF0ZWQgYnkgR2x5cGh0ZXJHbHlwaHRlclJlZ3VsYXJHbHlwaHRlckdseXBodGVyVmVyc2lvbiAxLjBHbHlwaHRlckdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAARwBsAHkAcABoAHQAZQByAEcAbAB5AHAAaAB0AGUAcgBSAGUAZwB1AGwAYQByAEcAbAB5AHAAaAB0AGUAcgBHAGwAeQBwAGgAdABlAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwAEcAbAB5AHAAaAB0AGUAcgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAABAgAAAAAAAA==);
  src: url(data:application/vnd.ms-fontobject;base64,0AYAACgGAAABAAIAAAAAAAIABQMAAAAAAAABAJABAAAAAExQAAAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAd8Ar0QAAAAAAAAAAAAAAAAAAAAAAABAARwBsAHkAcABoAHQAZQByAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAQAEcAbAB5AHAAaAB0AGUAcgAAAAAAAAEAAAAKAIAAAwAgT1MvMla1YzMAAAEoAAAAVmNtYXAAlAF3AAABiAAAAUpnbHlmmFtZ3wAAAtwAAACwaGVhZBIxQLgAAADQAAAANmhoZWEIXQQDAAAArAAAACRobXR4CAAAAAAAAYAAAAAIbG9jYQBYAAAAAALUAAAABm1heHABDwBFAAABCAAAACBuYW1l1YxlJAAAA4wAAAJtcG9zdAEQAAAAAAX8AAAAKQABAAAEAAAAAFwEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAAAgABAAAAAQAA0SvAd18PPPUACwQAAAAAANeJfhsAAAAA14l+GwAAAAAEAAOFAAAACAACAAAAAAAAAAEAAAACADkAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAEEAQQQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAAAAADAAAAAwAAABwAAQAAAAAARAADAAEAAAAcAAQAKAAAAAYABAABAAIAAABB//8AAAAAAEH//wAA/8AAAQAAAAAAAAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWAAAAAMAAAAABAADhQATAC8AOAAAJS4BJz4BNz4BNx4BFx4BFw4BByMxND0BMz4BNy4BJyM1LgEnDgEHIw4BBx4BFzMVExYfASMRIxEjAQBtkAMCgGIqlF53qxhVbwICcVqZmTZBAQJINkADhGRSeRceSWACAmBJZpoNWWeaZpriA45sZIsMTVwCA41vCHRVWncCBSYqAkY2NkcBFWODAgFdSgJfSEheAlUBmg1aZv7NATMAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAIABUAAQAAAAAAAgAHAB0AAQAAAAAAAwAIACQAAQAAAAAABAAIACwAAQAAAAAABQALADQAAQAAAAAABgAIAD8AAQAAAAAACgArAEcAAQAAAAAACwATAHIAAwABBAkAAAAqAIUAAwABBAkAAQAQAK8AAwABBAkAAgAOAL8AAwABBAkAAwAQAM0AAwABBAkABAAQAN0AAwABBAkABQAWAO0AAwABBAkABgAQAQMAAwABBAkACgBWARMAAwABBAkACwAmAWlHZW5lcmF0ZWQgYnkgR2x5cGh0ZXJHbHlwaHRlclJlZ3VsYXJHbHlwaHRlckdseXBodGVyVmVyc2lvbiAxLjBHbHlwaHRlckdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAARwBsAHkAcABoAHQAZQByAEcAbAB5AHAAaAB0AGUAcgBSAGUAZwB1AGwAYQByAEcAbAB5AHAAaAB0AGUAcgBHAGwAeQBwAGgAdABlAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwAEcAbAB5AHAAaAB0AGUAcgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAABAgAAAAAAAA==) format("embedded-opentype"), url(data:application/font-woff;base64,d09GRgABAAAAAAPkAAoAAAAABigAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAAA9AAAAD4AAABWVrVjM2NtYXAAAAE0AAAAPAAAAUoAlAF3Z2x5ZgAAAXAAAACrAAAAsJhbWd9oZWFkAAACHAAAACwAAAA2EjFAuGhoZWEAAAJIAAAAGAAAACQIXQQDaG10eAAAAmAAAAAIAAAACAgAAABsb2NhAAACaAAAAAYAAAAGAFgAAG1heHAAAAJwAAAAIAAAACABDwBFbmFtZQAAApAAAAE7AAACbdWMZSRwb3N0AAADzAAAABUAAAApARAAAHicY2BkYWCcwMDKwMHUyXSGgYGhH0IzvmYwYuRgYGBiYGVmwAoC0lxTGBwYHBkcWUDcGBaIMCOIAACXvwecAAB4nGNgYGBmgGAZBkYGEHAB8hjBfBYGDSDNBqQZGZiALMf//8EqwPT/A1D1QMDIxkA5YCSsZDADALO5Bwd4nGNgZgACFgbmVgZhBn0GCwYGVT1GdTtGcyCSYxQHIj5GdmVDE1tGY6AIUErZFEiAxIAYKGssKiwmz6gsCISMDLkTmJkakrSmxJWvlgjNZ2IqjJo508yRkcnDzIG5JSWoUlzOM4GJKcEzbRZvZPqstFmPmPtyUrp5fGOYmHvzOUpCo8qZWNW0mNzMzNwZRZObmRhjvZjiPTzimEIZZ/FGpf07y2gMAJXcJBIAeJxjYGRgYADii9o7yuP5bb4ycLMwgMD1zjppZJqFgbkVSHEwMIF4AA15CGR4nGNgZGBgYQCCGDAJYjMyoAImAAtGAG0EAAAABAAAAAAAAAAAWAAAAAEAAAACADkAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAB4nHWPS07DMBCGf/cFtBKqqGCH5AViASh9iFU37Jp9F92nrdOH0jhy3Eo9AOfhCJyAI9AbcAd+0gGhUmJ5/M03k3EC4AI7KOyfS+49K5wy23MJJ7gWLtPfCFfID8JVNPAoXKN/Eq7jHqFwAy04TlCVM2Z3eBZWaOJFuIRzvAqX6d+EK+R34Squ8CFcQ1OVhesYqZZwA7dqEZrUuMibqR5vdZhss7k37vscmtk6idyhHhmXL2yqu0Hnp/R7TL6Z9byPdezsSg9s6k2SWJ05uzQTH8y9z/rtdiw+mNgVf98g5XaI4HlOoTHGljFEwjPDvPDuTz5knGFNGx2pHuajIuZYwPI+jS4CdI689d/X5Njwth6tR8w8Zo/FijQoJn51J1yWJitqS5oJfVBM97R9tLnig/6AXZz0CTRjb6QAeJxjYGKAAC4G7AAozwhSAwAB1gASAAAA) format("woff"), url(data:font/ttf;base64,AAEAAAAKAIAAAwAgT1MvMla1YzMAAAEoAAAAVmNtYXAAlAF3AAABiAAAAUpnbHlmmFtZ3wAAAtwAAACwaGVhZBIxQLgAAADQAAAANmhoZWEIXQQDAAAArAAAACRobXR4CAAAAAAAAYAAAAAIbG9jYQBYAAAAAALUAAAABm1heHABDwBFAAABCAAAACBuYW1l1YxlJAAAA4wAAAJtcG9zdAEQAAAAAAX8AAAAKQABAAAEAAAAAFwEAAAAAAAEAAABAAAAAAAAAAAAAAAAAAAAAgABAAAAAQAA0SvAd18PPPUACwQAAAAAANeJfhsAAAAA14l+GwAAAAAEAAOFAAAACAACAAAAAAAAAAEAAAACADkAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAAAAQQAAZAABQAIAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABAAEEAQQQAAAAAXAQAAAAAAAABAAAAAAAABAAAAAQAAAAAAAADAAAAAwAAABwAAQAAAAAARAADAAEAAAAcAAQAKAAAAAYABAABAAIAAABB//8AAAAAAEH//wAA/8AAAQAAAAAAAAAAAQYAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWAAAAAMAAAAABAADhQATAC8AOAAAJS4BJz4BNz4BNx4BFx4BFw4BByMxND0BMz4BNy4BJyM1LgEnDgEHIw4BBx4BFzMVExYfASMRIxEjAQBtkAMCgGIqlF53qxhVbwICcVqZmTZBAQJINkADhGRSeRceSWACAmBJZpoNWWeaZpriA45sZIsMTVwCA41vCHRVWncCBSYqAkY2NkcBFWODAgFdSgJfSEheAlUBmg1aZv7NATMAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQAIABUAAQAAAAAAAgAHAB0AAQAAAAAAAwAIACQAAQAAAAAABAAIACwAAQAAAAAABQALADQAAQAAAAAABgAIAD8AAQAAAAAACgArAEcAAQAAAAAACwATAHIAAwABBAkAAAAqAIUAAwABBAkAAQAQAK8AAwABBAkAAgAOAL8AAwABBAkAAwAQAM0AAwABBAkABAAQAN0AAwABBAkABQAWAO0AAwABBAkABgAQAQMAAwABBAkACgBWARMAAwABBAkACwAmAWlHZW5lcmF0ZWQgYnkgR2x5cGh0ZXJHbHlwaHRlclJlZ3VsYXJHbHlwaHRlckdseXBodGVyVmVyc2lvbiAxLjBHbHlwaHRlckdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAEcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAARwBsAHkAcABoAHQAZQByAEcAbAB5AHAAaAB0AGUAcgBSAGUAZwB1AGwAYQByAEcAbAB5AHAAaAB0AGUAcgBHAGwAeQBwAGgAdABlAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwAEcAbAB5AHAAaAB0AGUAcgBHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAABAgAAAAAAAA==) format("truetype"), url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCIgPjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bWV0YWRhdGE+R2VuZXJhdGVkIGJ5IEdseXBodGVyPC9tZXRhZGF0YT48ZGVmcz48Zm9udCBpZD0iR2x5cGh0ZXIiIGhvcml6LWFkdi14PSIwIj48Zm9udC1mYWNlIHVuaXRzLXBlci1lbT0iMTAyNCIgYXNjZW50PSIxMDI0IiBkZXNjZW50PSIwIiBmb250LWZhbWlseT0iR2x5cGh0ZXIiIGZvbnQtd2VpZ2h0PSJub3JtYWwiIC8+PG1pc3NpbmctZ2x5cGggaG9yaXotYWR2LXg9IjAiIC8+PGdseXBoIHVuaWNvZGU9IiYjeDAwNDE7IiBkPSJNMjU2LDIyNS45ODVDMTE0LjYwMywyMjUuOTg1LDAsMzM5LjI0LDAsNDc4Ljk4MkMwLDYwOS40NzMsOTkuOTc3LDcxNi43ODksMjI4LjMwMSw3MzAuNDQyQzI4MS43MTksODMxLjUxMSwzODguNjA4LDkwMC42MTQsNTEyLDkwMC42MTRDNjY3LjM0MSw5MDAuNjE0LDc5Ni43NTcsNzkxLjE5OSw4MjUuODA1LDY0Ni4xMTVDOTM2LjM5Nyw2MzguMzE2LDEwMjQsNTQ4LjExOSwxMDI0LDQzNi44MUMxMDI0LDMyMC4zNDcsOTM3LjAxMSwyMjUuOTg1LDgxOS4yMTcsMjI1Ljk4NUM4MTkuMjE3LDIyNS45ODUsNjY1LjYxNywyMjUuOTg1LDY2NS42MTcsMjI1Ljk4NU02NjUuNjE3LDIyNS45ODVDNjY1LjYxNywyMjUuOTg1LDY2NS42MTcsMzExLjIzMyw2NjUuNjE3LDMxMS4yMzNDNjY1LjYxNywzMTEuMjMzLDgxOS4yMTcsMzExLjIzMyw4MTkuMjE3LDMxMS4yMzNDODg5LjkwNywzMTEuMjMzLDkzOC42NjcsMzY2LjkzOSw5MzguNjY3LDQzNi44MUM5MzguNjY3LDUwNi42ODEsODgxLjM1Nyw1NjMuMzA4LDgxMC42NjcsNTYzLjMwOEM4MTAuNjY3LDU2My4zMDgsNzQ2LjY2Nyw1NjMuMzA4LDc0Ni42NjcsNTYzLjMwOEM3NDYuNjY3LDU2My4zMDgsNzQ2LjY2Nyw1ODQuMzg1LDc0Ni42NjcsNTg0LjM4NUM3NDYuNjY3LDcxMi40ODgsNjQxLjU3LDgxNi4yODcsNTEyLDgxNi4yODdDNDA0LjYxNyw4MTYuMjg3LDMxNC4yODMsNzQ0LjkxNCwyODYuMzc5LDY0Ny42MzRDMjg2LjM3OSw2NDcuNjM0LDI1Niw2NDcuNjM0LDI1Niw2NDcuNjM0QzE2MS43NTgsNjQ3LjYzNCw4NS4zMzMsNTcyLjExNCw4NS4zMzMsNDc4Ljk4MkM4NS4zMzMsMzg1LjgzMiwxNjEuNzU4LDMxMS4yMzMsMjU2LDMxMS4yMzNDMjU2LDMxMS4yMzMsMzU4LjQxNywzMTEuMjMzLDM1OC40MTcsMzExLjIzM0MzNTguNDE3LDMxMS4yMzMsMzU4LjQxNywyMjUuOTg1LDM1OC40MTcsMjI1Ljk4NU01MTIuMDE3LDYzNS41QzUxMi4wMTcsNjM1LjUsNzE2LjgxNyw0MzAuNyw3MTYuODE3LDQzMC43QzcxNi44MTcsNDMwLjcsNTYzLjIxNyw0MzAuNyw1NjMuMjE3LDQzMC43QzU2My4yMTcsNDMwLjcsNTYzLjIxNywxMjMuNSw1NjMuMjE3LDEyMy41QzU2My4yMTcsMTIzLjUsNDYwLjgxNywxMjMuNSw0NjAuODE3LDEyMy41QzQ2MC44MTcsMTIzLjUsNDYwLjgxNyw0MzAuNyw0NjAuODE3LDQzMC43QzQ2MC44MTcsNDMwLjcsMzA3LjIxNyw0MzAuNywzMDcuMjE3LDQzMC43QzMwNy4yMTcsNDMwLjcsNTEyLjAxNyw2MzUuNSw1MTIuMDE3LDYzNS41IiBjbGFzcz0iaWNvbi11cGxvYWQiLz48L2ZvbnQ+PC9kZWZzPjwvc3ZnPg==) format("svg");
  font-weight: normal;
  font-style: normal;
}

.dhx_lock_icon {
  opacity: 0.4;
}

/*
DHX CSS End
*/
[class^="sficon-"],
[class*="sficon-"] {
  font-family: "sficon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sficon-upload-machine:before {
  content: "\e98a";
}

.sficon-announcesort:before {
  content: "\e900";
}

.sficon-ask:before {
  content: "\e901";
}

.sficon-backward:before {
  content: "\e902";
}

.sficon-barcode:before {
  content: "\e903";
}

.sficon-benefit:before {
  content: "\e98b";
}

.sficon-briefcase:before {
  content: "\e904";
}

.sficon-briefcasetime:before {
  content: "\e905";
}

.sficon-businesstrip:before {
  content: "\e906";
}

.sficon-businesstripdec:before {
  content: "\e907";
}

.sficon-businesstype:before {
  content: "\e908";
}

.sficon-calendar:before {
  content: "\e909";
}

.sficon-calendar2:before {
  content: "\e90a";
}

.sficon-calendar3:before {
  content: "\e90b";
}

.sficon-calendarsingle:before {
  content: "\e90c";
}

.sficon-call:before {
  content: "\e90d";
}

.sficon-camera:before {
  content: "\e90e";
}

.sficon-car:before {
  content: "\e98c";
}

.sficon-carddetail:before {
  content: "\e90f";
}

.sficon-carddetail2:before {
  content: "\e910";
}

.sficon-cardemployee:before {
  content: "\e911";
}

.sficon-chart:before {
  content: "\e912";
}

.sficon-chat:before {
  content: "\e913";
}

.sficon-chatsort:before {
  content: "\e914";
}

.sficon-checkdouble:before {
  content: "\e915";
}

.sficon-checksingle:before {
  content: "\e916";
}

.sficon-clip:before {
  content: "\e917";
}

.sficon-clock:before {
  content: "\e918";
}

.sficon-clock2:before {
  content: "\e919";
}

.sficon-clockbackground:before {
  content: "\e91a";
}

.sficon-clockdash:before {
  content: "\e91b";
}

.sficon-close:before {
  content: "\e91c";
}

.sficon-coin:before {
  content: "\e91d";
}

.sficon-comment:before {
  content: "\e91e";
}

.sficon-company:before {
  content: "\e91f";
}

.sficon-email:before {
  content: "\e920";
}

.sficon-email2:before {
  content: "\e921";
}

.sficon-employeperson:before {
  content: "\e922";
}

.sficon-exit:before {
  content: "\e923";
}

.sficon-fillask:before {
  content: "\e924";
}

.sficon-fillasksort:before {
  content: "\e925";
}

.sficon-fingerprint:before {
  content: "\e926";
}

.sficon-flag:before {
  content: "\e927";
}

.sficon-flagfill:before {
  content: "\e928";
}

.sficon-forward:before {
  content: "\e929";
}

.sficon-home:before {
  content: "\e92a";
}

.sficon-house:before {
  content: "\e98d";
}

.sficon-idcard:before {
  content: "\e92b";
}

.sficon-information:before {
  content: "\e92c";
}

.sficon-key:before {
  content: "\e92d";
}

.sficon-kpi:before {
  content: "\e92e";
}

.sficon-leftfill:before {
  content: "\e92f";
}

.sficon-love:before {
  content: "\e930";
}

.sficon-lovefill:before {
  content: "\e931";
}

.sficon-magnifier:before {
  content: "\e932";
}

.sficon-menu:before {
  content: "\e933";
}

.sficon-molamola:before {
  content: "\e934";
}

.sficon-music:before {
  content: "\e935";
}

.sficon-notificationsort:before {
  content: "\e936";
}

.sficon-orgchart:before {
  content: "\e937";
}

.sficon-peopleadd:before {
  content: "\e938";
}

.sficon-person:before {
  content: "\e939";
}

.sficon-persontime:before {
  content: "\e93a";
}

.sficon-phone:before {
  content: "\e93b";
}

.sficon-phone2:before {
  content: "\e93c";
}

.sficon-pigmoney:before {
  content: "\e93d";
}

.sficon-placeholder:before {
  content: "\e93e";
}

.sficon-placeholder2:before {
  content: "\e93f";
}

.sficon-playbutton:before {
  content: "\e940";
}

.sficon-plusadd:before {
  content: "\e941";
}

.sficon-rightfill:before {
  content: "\e942";
}

.sficon-roundannounce:before {
  content: "\e943";
}

.sficon-roundcamera:before {
  content: "\e944";
}

.sficon-roundchat:before {
  content: "\e945";
}

.sficon-rounddash:before {
  content: "\e946";
}

.sficon-roundfillask:before {
  content: "\e947";
}

.sficon-roundorg:before {
  content: "\e948";
}

.sficon-search:before {
  content: "\e949";
}

.sficon-search2:before {
  content: "\e94a";
}

.sficon-sent:before {
  content: "\e94b";
}

.sficon-setting:before {
  content: "\e94c";
}

.sficon-shiftschedule:before {
  content: "\e94d";
}

.sficon-star:before {
  content: "\e94e";
}

.sficon-starfill:before {
  content: "\e94f";
}

.sficon-target:before {
  content: "\e950";
}

.sficon-taskcomplete:before {
  content: "\e951";
}

.sficon-taskdone:before {
  content: "\e952";
}

.sficon-tasktime:before {
  content: "\e953";
}

.sficon-taskwrite:before {
  content: "\e954";
}

.sficon-top:before {
  content: "\e955";
}

.sficon-trash:before {
  content: "\e956";
}

.sficon-travel:before {
  content: "\e957";
}

.sficon-turning:before {
  content: "\e958";
}

.sficon-turningfill:before {
  content: "\e959";
}

.sficon-undo:before {
  content: "\e95a";
}

.sficon-video:before {
  content: "\e95b";
}

.sficon-wallet:before {
  content: "\e95c";
}

.sficon-devicepin:before {
  content: "\e95d";
}

.sficon-language:before {
  content: "\e95e";
}

.sficon-notifsetting:before {
  content: "\e95f";
}

.sficon-viewoffline:before {
  content: "\e960";
}

.sficon-component:before {
  content: "\e961";
}

.sficon-download:before {
  content: "\e962";
}

.sficon-payprocess:before {
  content: "\e963";
}

.sficon-payrolldata:before {
  content: "\e964";
}

.sficon-payschedule:before {
  content: "\e965";
}

.sficon-tappayslipin:before {
  content: "\e966";
}

.sficon-tappayslipout:before {
  content: "\e967";
}

.sficon-upload:before {
  content: "\e968";
}

.sficon-wizard:before {
  content: "\e969";
}

.sficon-write:before {
  content: "\e96a";
}

.sficon-people:before {
  content: "\e96b";
}

.sficon-placeholderwrong:before {
  content: "\e96c";
}

.sficon-sort:before {
  content: "\e96d";
}

.sficon-addminute:before {
  content: "\e96e";
}

.sficon-changehr:before {
  content: "\e96f";
}

.sficon-changeprivacy:before {
  content: "\e970";
}

.sficon-configuredata:before {
  content: "\e971";
}

.sficon-roundfull:before {
  content: "\e972";
}

.sficon-roundhalfleft:before {
  content: "\e973";
}

.sficon-roundhalfright:before {
  content: "\e974";
}

.sficon-shiftpattern:before {
  content: "\e975";
}

.sficon-sales:before {
  content: "\e976";
}

.sficon-purchase:before {
  content: "\e977";
}

.sficon-customer:before {
  content: "\e978";
}

.sficon-marketplace:before {
  content: "\e979";
}

.sficon-taskfeedback:before {
  content: "\e97a";
}

.sficon-elearning:before {
  content: "\e97b";
}

.sficon-eyeoff:before {
  content: "\e97c";
}

.sficon-eyeon:before {
  content: "\e97d";
}

.sficon-bookmark:before {
  content: "\e97e";
}

.sficon-doc:before {
  content: "\e97f";
}

.sficon-list:before {
  content: "\e980";
}

.sficon-pdf:before {
  content: "\e981";
}

.sficon-ppt:before {
  content: "\e982";
}

.sficon-swf:before {
  content: "\e983";
}

.sficon-zxvideo:before {
  content: "\e984";
}

.sficon-xls:before {
  content: "\e985";
}

.sficon-changeaccess:before {
  content: "\e986";
}

.sficon-showmap:before {
  content: "\e987";
}

.sficon-scales:before {
  content: "\e988";
}

.sficon-survey:before {
  content: "\e989";
}

.ion-ios-sficon-upload-machine:before,
.ion-ios-sficon-upload-machine-circle:before,
.ion-ios-sficon-upload-machine-circle-outline:before,
.ion-ios-sficon-upload-machine-outline:before,
.ion-md-sficon-upload-machine:before,
.ion-md-sficon-upload-machine-circle:before,
.ion-md-sficon-upload-machine-circle-outline:before,
.ion-md-sficon-upload-machine-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-announcesort:before,
.ion-ios-sficon-announcesort-circle:before,
.ion-ios-sficon-announcesort-circle-outline:before,
.ion-ios-sficon-announcesort-outline:before,
.ion-md-sficon-announcesort:before,
.ion-md-sficon-announcesort-circle:before,
.ion-md-sficon-announcesort-circle-outline:before,
.ion-md-sficon-announcesort-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-ask:before,
.ion-ios-sficon-ask-circle:before,
.ion-ios-sficon-ask-circle-outline:before,
.ion-ios-sficon-ask-outline:before,
.ion-md-sficon-ask:before,
.ion-md-sficon-ask-circle:before,
.ion-md-sficon-ask-circle-outline:before,
.ion-md-sficon-ask-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-backward:before,
.ion-ios-sficon-backward-circle:before,
.ion-ios-sficon-backward-circle-outline:before,
.ion-ios-sficon-backward-outline:before,
.ion-md-sficon-backward:before,
.ion-md-sficon-backward-circle:before,
.ion-md-sficon-backward-circle-outline:before,
.ion-md-sficon-backward-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-barcode:before,
.ion-ios-sficon-barcode-circle:before,
.ion-ios-sficon-barcode-circle-outline:before,
.ion-ios-sficon-barcode-outline:before,
.ion-md-sficon-barcode:before,
.ion-md-sficon-barcode-circle:before,
.ion-md-sficon-barcode-circle-outline:before,
.ion-md-sficon-barcode-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-benefit:before,
.ion-ios-sficon-benefit-circle:before,
.ion-ios-sficon-benefit-circle-outline:before,
.ion-ios-sficon-benefit-outline:before,
.ion-md-sficon-benefit:before,
.ion-md-sficon-benefit-circle:before,
.ion-md-sficon-benefit-circle-outline:before,
.ion-md-sficon-benefit-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-briefcase:before,
.ion-ios-sficon-briefcase-circle:before,
.ion-ios-sficon-briefcase-circle-outline:before,
.ion-ios-sficon-briefcase-outline:before,
.ion-md-sficon-briefcase:before,
.ion-md-sficon-briefcase-circle:before,
.ion-md-sficon-briefcase-circle-outline:before,
.ion-md-sficon-briefcase-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-briefcasetime:before,
.ion-ios-sficon-briefcasetime-circle:before,
.ion-ios-sficon-briefcasetime-circle-outline:before,
.ion-ios-sficon-briefcasetime-outline:before,
.ion-md-sficon-briefcasetime:before,
.ion-md-sficon-briefcasetime-circle:before,
.ion-md-sficon-briefcasetime-circle-outline:before,
.ion-md-sficon-briefcasetime-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-businesstrip:before,
.ion-ios-sficon-businesstrip-circle:before,
.ion-ios-sficon-businesstrip-circle-outline:before,
.ion-ios-sficon-businesstrip-outline:before,
.ion-md-sficon-businesstrip:before,
.ion-md-sficon-businesstrip-circle:before,
.ion-md-sficon-businesstrip-circle-outline:before,
.ion-md-sficon-businesstrip-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-businesstripdec:before,
.ion-ios-sficon-businesstripdec-circle:before,
.ion-ios-sficon-businesstripdec-circle-outline:before,
.ion-ios-sficon-businesstripdec-outline:before,
.ion-md-sficon-businesstripdec:before,
.ion-md-sficon-businesstripdec-circle:before,
.ion-md-sficon-businesstripdec-circle-outline:before,
.ion-md-sficon-businesstripdec-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-businesstype:before,
.ion-ios-sficon-businesstype-circle:before,
.ion-ios-sficon-businesstype-circle-outline:before,
.ion-ios-sficon-businesstype-outline:before,
.ion-md-sficon-businesstype:before,
.ion-md-sficon-businesstype-circle:before,
.ion-md-sficon-businesstype-circle-outline:before,
.ion-md-sficon-businesstype-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-calendar:before,
.ion-ios-sficon-calendar-circle:before,
.ion-ios-sficon-calendar-circle-outline:before,
.ion-ios-sficon-calendar-outline:before,
.ion-md-sficon-calendar:before,
.ion-md-sficon-calendar-circle:before,
.ion-md-sficon-calendar-circle-outline:before,
.ion-md-sficon-calendar-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-calendar2:before,
.ion-ios-sficon-calendar2-circle:before,
.ion-ios-sficon-calendar2-circle-outline:before,
.ion-ios-sficon-calendar2-outline:before,
.ion-md-sficon-calendar2:before,
.ion-md-sficon-calendar2-circle:before,
.ion-md-sficon-calendar2-circle-outline:before,
.ion-md-sficon-calendar2-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-calendar3:before,
.ion-ios-sficon-calendar3-circle:before,
.ion-ios-sficon-calendar3-circle-outline:before,
.ion-ios-sficon-calendar3-outline:before,
.ion-md-sficon-calendar3:before,
.ion-md-sficon-calendar3-circle:before,
.ion-md-sficon-calendar3-circle-outline:before,
.ion-md-sficon-calendar3-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-calendarsingle:before,
.ion-ios-sficon-calendarsingle-circle:before,
.ion-ios-sficon-calendarsingle-circle-outline:before,
.ion-ios-sficon-calendarsingle-outline:before,
.ion-md-sficon-calendarsingle:before,
.ion-md-sficon-calendarsingle-circle:before,
.ion-md-sficon-calendarsingle-circle-outline:before,
.ion-md-sficon-calendarsingle-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-call:before,
.ion-ios-sficon-call-circle:before,
.ion-ios-sficon-call-circle-outline:before,
.ion-ios-sficon-call-outline:before,
.ion-md-sficon-call:before,
.ion-md-sficon-call-circle:before,
.ion-md-sficon-call-circle-outline:before,
.ion-md-sficon-call-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-camera:before,
.ion-ios-sficon-camera-circle:before,
.ion-ios-sficon-camera-circle-outline:before,
.ion-ios-sficon-camera-outline:before,
.ion-md-sficon-camera:before,
.ion-md-sficon-camera-circle:before,
.ion-md-sficon-camera-circle-outline:before,
.ion-md-sficon-camera-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-car:before,
.ion-ios-sficon-car-circle:before,
.ion-ios-sficon-car-circle-outline:before,
.ion-ios-sficon-car-outline:before,
.ion-md-sficon-car:before,
.ion-md-sficon-car-circle:before,
.ion-md-sficon-car-circle-outline:before,
.ion-md-sficon-car-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-carddetail:before,
.ion-ios-sficon-carddetail-circle:before,
.ion-ios-sficon-carddetail-circle-outline:before,
.ion-ios-sficon-carddetail-outline:before,
.ion-md-sficon-carddetail:before,
.ion-md-sficon-carddetail-circle:before,
.ion-md-sficon-carddetail-circle-outline:before,
.ion-md-sficon-carddetail-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-carddetail2:before,
.ion-ios-sficon-carddetail2-circle:before,
.ion-ios-sficon-carddetail2-circle-outline:before,
.ion-ios-sficon-carddetail2-outline:before,
.ion-md-sficon-carddetail2:before,
.ion-md-sficon-carddetail2-circle:before,
.ion-md-sficon-carddetail2-circle-outline:before,
.ion-md-sficon-carddetail2-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-cardemployee:before,
.ion-ios-sficon-cardemployee-circle:before,
.ion-ios-sficon-cardemployee-circle-outline:before,
.ion-ios-sficon-cardemployee-outline:before,
.ion-md-sficon-cardemployee:before,
.ion-md-sficon-cardemployee-circle:before,
.ion-md-sficon-cardemployee-circle-outline:before,
.ion-md-sficon-cardemployee-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-chart:before,
.ion-ios-sficon-chart-circle:before,
.ion-ios-sficon-chart-circle-outline:before,
.ion-ios-sficon-chart-outline:before,
.ion-md-sficon-chart:before,
.ion-md-sficon-chart-circle:before,
.ion-md-sficon-chart-circle-outline:before,
.ion-md-sficon-chart-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-chat:before,
.ion-ios-sficon-chat-circle:before,
.ion-ios-sficon-chat-circle-outline:before,
.ion-ios-sficon-chat-outline:before,
.ion-md-sficon-chat:before,
.ion-md-sficon-chat-circle:before,
.ion-md-sficon-chat-circle-outline:before,
.ion-md-sficon-chat-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-chatsort:before,
.ion-ios-sficon-chatsort-circle:before,
.ion-ios-sficon-chatsort-circle-outline:before,
.ion-ios-sficon-chatsort-outline:before,
.ion-md-sficon-chatsort:before,
.ion-md-sficon-chatsort-circle:before,
.ion-md-sficon-chatsort-circle-outline:before,
.ion-md-sficon-chatsort-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-checkdouble:before,
.ion-ios-sficon-checkdouble-circle:before,
.ion-ios-sficon-checkdouble-circle-outline:before,
.ion-ios-sficon-checkdouble-outline:before,
.ion-md-sficon-checkdouble:before,
.ion-md-sficon-checkdouble-circle:before,
.ion-md-sficon-checkdouble-circle-outline:before,
.ion-md-sficon-checkdouble-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-checksingle:before,
.ion-ios-sficon-checksingle-circle:before,
.ion-ios-sficon-checksingle-circle-outline:before,
.ion-ios-sficon-checksingle-outline:before,
.ion-md-sficon-checksingle:before,
.ion-md-sficon-checksingle-circle:before,
.ion-md-sficon-checksingle-circle-outline:before,
.ion-md-sficon-checksingle-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-clip:before,
.ion-ios-sficon-clip-circle:before,
.ion-ios-sficon-clip-circle-outline:before,
.ion-ios-sficon-clip-outline:before,
.ion-md-sficon-clip:before,
.ion-md-sficon-clip-circle:before,
.ion-md-sficon-clip-circle-outline:before,
.ion-md-sficon-clip-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-clock:before,
.ion-ios-sficon-clock-circle:before,
.ion-ios-sficon-clock-circle-outline:before,
.ion-ios-sficon-clock-outline:before,
.ion-md-sficon-clock:before,
.ion-md-sficon-clock-circle:before,
.ion-md-sficon-clock-circle-outline:before,
.ion-md-sficon-clock-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-clock2:before,
.ion-ios-sficon-clock2-circle:before,
.ion-ios-sficon-clock2-circle-outline:before,
.ion-ios-sficon-clock2-outline:before,
.ion-md-sficon-clock2:before,
.ion-md-sficon-clock2-circle:before,
.ion-md-sficon-clock2-circle-outline:before,
.ion-md-sficon-clock2-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-clockbackground:before,
.ion-ios-sficon-clockbackground-circle:before,
.ion-ios-sficon-clockbackground-circle-outline:before,
.ion-ios-sficon-clockbackground-outline:before,
.ion-md-sficon-clockbackground:before,
.ion-md-sficon-clockbackground-circle:before,
.ion-md-sficon-clockbackground-circle-outline:before,
.ion-md-sficon-clockbackground-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-clockdash:before,
.ion-ios-sficon-clockdash-circle:before,
.ion-ios-sficon-clockdash-circle-outline:before,
.ion-ios-sficon-clockdash-outline:before,
.ion-md-sficon-clockdash:before,
.ion-md-sficon-clockdash-circle:before,
.ion-md-sficon-clockdash-circle-outline:before,
.ion-md-sficon-clockdash-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-close:before,
.ion-ios-sficon-close-circle:before,
.ion-ios-sficon-close-circle-outline:before,
.ion-ios-sficon-close-outline:before,
.ion-md-sficon-close:before,
.ion-md-sficon-close-circle:before,
.ion-md-sficon-close-circle-outline:before,
.ion-md-sficon-close-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-coin:before,
.ion-ios-sficon-coin-circle:before,
.ion-ios-sficon-coin-circle-outline:before,
.ion-ios-sficon-coin-outline:before,
.ion-md-sficon-coin:before,
.ion-md-sficon-coin-circle:before,
.ion-md-sficon-coin-circle-outline:before,
.ion-md-sficon-coin-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-comment:before,
.ion-ios-sficon-comment-circle:before,
.ion-ios-sficon-comment-circle-outline:before,
.ion-ios-sficon-comment-outline:before,
.ion-md-sficon-comment:before,
.ion-md-sficon-comment-circle:before,
.ion-md-sficon-comment-circle-outline:before,
.ion-md-sficon-comment-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-company:before,
.ion-ios-sficon-company-circle:before,
.ion-ios-sficon-company-circle-outline:before,
.ion-ios-sficon-company-outline:before,
.ion-md-sficon-company:before,
.ion-md-sficon-company-circle:before,
.ion-md-sficon-company-circle-outline:before,
.ion-md-sficon-company-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-email:before,
.ion-ios-sficon-email-circle:before,
.ion-ios-sficon-email-circle-outline:before,
.ion-ios-sficon-email-outline:before,
.ion-md-sficon-email:before,
.ion-md-sficon-email-circle:before,
.ion-md-sficon-email-circle-outline:before,
.ion-md-sficon-email-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-email2:before,
.ion-ios-sficon-email2-circle:before,
.ion-ios-sficon-email2-circle-outline:before,
.ion-ios-sficon-email2-outline:before,
.ion-md-sficon-email2:before,
.ion-md-sficon-email2-circle:before,
.ion-md-sficon-email2-circle-outline:before,
.ion-md-sficon-email2-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-employeperson:before,
.ion-ios-sficon-employeperson-circle:before,
.ion-ios-sficon-employeperson-circle-outline:before,
.ion-ios-sficon-employeperson-outline:before,
.ion-md-sficon-employeperson:before,
.ion-md-sficon-employeperson-circle:before,
.ion-md-sficon-employeperson-circle-outline:before,
.ion-md-sficon-employeperson-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-exit:before,
.ion-ios-sficon-exit-circle:before,
.ion-ios-sficon-exit-circle-outline:before,
.ion-ios-sficon-exit-outline:before,
.ion-md-sficon-exit:before,
.ion-md-sficon-exit-circle:before,
.ion-md-sficon-exit-circle-outline:before,
.ion-md-sficon-exit-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-fillask:before,
.ion-ios-sficon-fillask-circle:before,
.ion-ios-sficon-fillask-circle-outline:before,
.ion-ios-sficon-fillask-outline:before,
.ion-md-sficon-fillask:before,
.ion-md-sficon-fillask-circle:before,
.ion-md-sficon-fillask-circle-outline:before,
.ion-md-sficon-fillask-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-fillasksort:before,
.ion-ios-sficon-fillasksort-circle:before,
.ion-ios-sficon-fillasksort-circle-outline:before,
.ion-ios-sficon-fillasksort-outline:before,
.ion-md-sficon-fillasksort:before,
.ion-md-sficon-fillasksort-circle:before,
.ion-md-sficon-fillasksort-circle-outline:before,
.ion-md-sficon-fillasksort-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-fingerprint:before,
.ion-ios-sficon-fingerprint-circle:before,
.ion-ios-sficon-fingerprint-circle-outline:before,
.ion-ios-sficon-fingerprint-outline:before,
.ion-md-sficon-fingerprint:before,
.ion-md-sficon-fingerprint-circle:before,
.ion-md-sficon-fingerprint-circle-outline:before,
.ion-md-sficon-fingerprint-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-flag:before,
.ion-ios-sficon-flag-circle:before,
.ion-ios-sficon-flag-circle-outline:before,
.ion-ios-sficon-flag-outline:before,
.ion-md-sficon-flag:before,
.ion-md-sficon-flag-circle:before,
.ion-md-sficon-flag-circle-outline:before,
.ion-md-sficon-flag-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-flagfill:before,
.ion-ios-sficon-flagfill-circle:before,
.ion-ios-sficon-flagfill-circle-outline:before,
.ion-ios-sficon-flagfill-outline:before,
.ion-md-sficon-flagfill:before,
.ion-md-sficon-flagfill-circle:before,
.ion-md-sficon-flagfill-circle-outline:before,
.ion-md-sficon-flagfill-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-forward:before,
.ion-ios-sficon-forward-circle:before,
.ion-ios-sficon-forward-circle-outline:before,
.ion-ios-sficon-forward-outline:before,
.ion-md-sficon-forward:before,
.ion-md-sficon-forward-circle:before,
.ion-md-sficon-forward-circle-outline:before,
.ion-md-sficon-forward-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-home:before,
.ion-ios-sficon-home-circle:before,
.ion-ios-sficon-home-circle-outline:before,
.ion-ios-sficon-home-outline:before,
.ion-md-sficon-home:before,
.ion-md-sficon-home-circle:before,
.ion-md-sficon-home-circle-outline:before,
.ion-md-sficon-home-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-house:before,
.ion-ios-sficon-house-circle:before,
.ion-ios-sficon-house-circle-outline:before,
.ion-ios-sficon-house-outline:before,
.ion-md-sficon-house:before,
.ion-md-sficon-house-circle:before,
.ion-md-sficon-house-circle-outline:before,
.ion-md-sficon-house-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-idcard:before,
.ion-ios-sficon-idcard-circle:before,
.ion-ios-sficon-idcard-circle-outline:before,
.ion-ios-sficon-idcard-outline:before,
.ion-md-sficon-idcard:before,
.ion-md-sficon-idcard-circle:before,
.ion-md-sficon-idcard-circle-outline:before,
.ion-md-sficon-idcard-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-information:before,
.ion-ios-sficon-information-circle:before,
.ion-ios-sficon-information-circle-outline:before,
.ion-ios-sficon-information-outline:before,
.ion-md-sficon-information:before,
.ion-md-sficon-information-circle:before,
.ion-md-sficon-information-circle-outline:before,
.ion-md-sficon-information-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-key:before,
.ion-ios-sficon-key-circle:before,
.ion-ios-sficon-key-circle-outline:before,
.ion-ios-sficon-key-outline:before,
.ion-md-sficon-key:before,
.ion-md-sficon-key-circle:before,
.ion-md-sficon-key-circle-outline:before,
.ion-md-sficon-key-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-kpi:before,
.ion-ios-sficon-kpi-circle:before,
.ion-ios-sficon-kpi-circle-outline:before,
.ion-ios-sficon-kpi-outline:before,
.ion-md-sficon-kpi:before,
.ion-md-sficon-kpi-circle:before,
.ion-md-sficon-kpi-circle-outline:before,
.ion-md-sficon-kpi-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-leftfill:before,
.ion-ios-sficon-leftfill-circle:before,
.ion-ios-sficon-leftfill-circle-outline:before,
.ion-ios-sficon-leftfill-outline:before,
.ion-md-sficon-leftfill:before,
.ion-md-sficon-leftfill-circle:before,
.ion-md-sficon-leftfill-circle-outline:before,
.ion-md-sficon-leftfill-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-love:before,
.ion-ios-sficon-love-circle:before,
.ion-ios-sficon-love-circle-outline:before,
.ion-ios-sficon-love-outline:before,
.ion-md-sficon-love:before,
.ion-md-sficon-love-circle:before,
.ion-md-sficon-love-circle-outline:before,
.ion-md-sficon-love-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-lovefill:before,
.ion-ios-sficon-lovefill-circle:before,
.ion-ios-sficon-lovefill-circle-outline:before,
.ion-ios-sficon-lovefill-outline:before,
.ion-md-sficon-lovefill:before,
.ion-md-sficon-lovefill-circle:before,
.ion-md-sficon-lovefill-circle-outline:before,
.ion-md-sficon-lovefill-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-magnifier:before,
.ion-ios-sficon-magnifier-circle:before,
.ion-ios-sficon-magnifier-circle-outline:before,
.ion-ios-sficon-magnifier-outline:before,
.ion-md-sficon-magnifier:before,
.ion-md-sficon-magnifier-circle:before,
.ion-md-sficon-magnifier-circle-outline:before,
.ion-md-sficon-magnifier-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-menu:before,
.ion-ios-sficon-menu-circle:before,
.ion-ios-sficon-menu-circle-outline:before,
.ion-ios-sficon-menu-outline:before,
.ion-md-sficon-menu:before,
.ion-md-sficon-menu-circle:before,
.ion-md-sficon-menu-circle-outline:before,
.ion-md-sficon-menu-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-molamola:before,
.ion-ios-sficon-molamola-circle:before,
.ion-ios-sficon-molamola-circle-outline:before,
.ion-ios-sficon-molamola-outline:before,
.ion-md-sficon-molamola:before,
.ion-md-sficon-molamola-circle:before,
.ion-md-sficon-molamola-circle-outline:before,
.ion-md-sficon-molamola-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-music:before,
.ion-ios-sficon-music-circle:before,
.ion-ios-sficon-music-circle-outline:before,
.ion-ios-sficon-music-outline:before,
.ion-md-sficon-music:before,
.ion-md-sficon-music-circle:before,
.ion-md-sficon-music-circle-outline:before,
.ion-md-sficon-music-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-notificationsort:before,
.ion-ios-sficon-notificationsort-circle:before,
.ion-ios-sficon-notificationsort-circle-outline:before,
.ion-ios-sficon-notificationsort-outline:before,
.ion-md-sficon-notificationsort:before,
.ion-md-sficon-notificationsort-circle:before,
.ion-md-sficon-notificationsort-circle-outline:before,
.ion-md-sficon-notificationsort-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-orgchart:before,
.ion-ios-sficon-orgchart-circle:before,
.ion-ios-sficon-orgchart-circle-outline:before,
.ion-ios-sficon-orgchart-outline:before,
.ion-md-sficon-orgchart:before,
.ion-md-sficon-orgchart-circle:before,
.ion-md-sficon-orgchart-circle-outline:before,
.ion-md-sficon-orgchart-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-peopleadd:before,
.ion-ios-sficon-peopleadd-circle:before,
.ion-ios-sficon-peopleadd-circle-outline:before,
.ion-ios-sficon-peopleadd-outline:before,
.ion-md-sficon-peopleadd:before,
.ion-md-sficon-peopleadd-circle:before,
.ion-md-sficon-peopleadd-circle-outline:before,
.ion-md-sficon-peopleadd-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-person:before,
.ion-ios-sficon-person-circle:before,
.ion-ios-sficon-person-circle-outline:before,
.ion-ios-sficon-person-outline:before,
.ion-md-sficon-person:before,
.ion-md-sficon-person-circle:before,
.ion-md-sficon-person-circle-outline:before,
.ion-md-sficon-person-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-persontime:before,
.ion-ios-sficon-persontime-circle:before,
.ion-ios-sficon-persontime-circle-outline:before,
.ion-ios-sficon-persontime-outline:before,
.ion-md-sficon-persontime:before,
.ion-md-sficon-persontime-circle:before,
.ion-md-sficon-persontime-circle-outline:before,
.ion-md-sficon-persontime-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-phone:before,
.ion-ios-sficon-phone-circle:before,
.ion-ios-sficon-phone-circle-outline:before,
.ion-ios-sficon-phone-outline:before,
.ion-md-sficon-phone:before,
.ion-md-sficon-phone-circle:before,
.ion-md-sficon-phone-circle-outline:before,
.ion-md-sficon-phone-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-phone2:before,
.ion-ios-sficon-phone2-circle:before,
.ion-ios-sficon-phone2-circle-outline:before,
.ion-ios-sficon-phone2-outline:before,
.ion-md-sficon-phone2:before,
.ion-md-sficon-phone2-circle:before,
.ion-md-sficon-phone2-circle-outline:before,
.ion-md-sficon-phone2-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-pigmoney:before,
.ion-ios-sficon-pigmoney-circle:before,
.ion-ios-sficon-pigmoney-circle-outline:before,
.ion-ios-sficon-pigmoney-outline:before,
.ion-md-sficon-pigmoney:before,
.ion-md-sficon-pigmoney-circle:before,
.ion-md-sficon-pigmoney-circle-outline:before,
.ion-md-sficon-pigmoney-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-placeholder:before,
.ion-ios-sficon-placeholder-circle:before,
.ion-ios-sficon-placeholder-circle-outline:before,
.ion-ios-sficon-placeholder-outline:before,
.ion-md-sficon-placeholder:before,
.ion-md-sficon-placeholder-circle:before,
.ion-md-sficon-placeholder-circle-outline:before,
.ion-md-sficon-placeholder-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-placeholder2:before,
.ion-ios-sficon-placeholder2-circle:before,
.ion-ios-sficon-placeholder2-circle-outline:before,
.ion-ios-sficon-placeholder2-outline:before,
.ion-md-sficon-placeholder2:before,
.ion-md-sficon-placeholder2-circle:before,
.ion-md-sficon-placeholder2-circle-outline:before,
.ion-md-sficon-placeholder2-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-playbutton:before,
.ion-ios-sficon-playbutton-circle:before,
.ion-ios-sficon-playbutton-circle-outline:before,
.ion-ios-sficon-playbutton-outline:before,
.ion-md-sficon-playbutton:before,
.ion-md-sficon-playbutton-circle:before,
.ion-md-sficon-playbutton-circle-outline:before,
.ion-md-sficon-playbutton-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-plusadd:before,
.ion-ios-sficon-plusadd-circle:before,
.ion-ios-sficon-plusadd-circle-outline:before,
.ion-ios-sficon-plusadd-outline:before,
.ion-md-sficon-plusadd:before,
.ion-md-sficon-plusadd-circle:before,
.ion-md-sficon-plusadd-circle-outline:before,
.ion-md-sficon-plusadd-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-rightfill:before,
.ion-ios-sficon-rightfill-circle:before,
.ion-ios-sficon-rightfill-circle-outline:before,
.ion-ios-sficon-rightfill-outline:before,
.ion-md-sficon-rightfill:before,
.ion-md-sficon-rightfill-circle:before,
.ion-md-sficon-rightfill-circle-outline:before,
.ion-md-sficon-rightfill-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-roundannounce:before,
.ion-ios-sficon-roundannounce-circle:before,
.ion-ios-sficon-roundannounce-circle-outline:before,
.ion-ios-sficon-roundannounce-outline:before,
.ion-md-sficon-roundannounce:before,
.ion-md-sficon-roundannounce-circle:before,
.ion-md-sficon-roundannounce-circle-outline:before,
.ion-md-sficon-roundannounce-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-roundcamera:before,
.ion-ios-sficon-roundcamera-circle:before,
.ion-ios-sficon-roundcamera-circle-outline:before,
.ion-ios-sficon-roundcamera-outline:before,
.ion-md-sficon-roundcamera:before,
.ion-md-sficon-roundcamera-circle:before,
.ion-md-sficon-roundcamera-circle-outline:before,
.ion-md-sficon-roundcamera-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-roundchat:before,
.ion-ios-sficon-roundchat-circle:before,
.ion-ios-sficon-roundchat-circle-outline:before,
.ion-ios-sficon-roundchat-outline:before,
.ion-md-sficon-roundchat:before,
.ion-md-sficon-roundchat-circle:before,
.ion-md-sficon-roundchat-circle-outline:before,
.ion-md-sficon-roundchat-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-rounddash:before,
.ion-ios-sficon-rounddash-circle:before,
.ion-ios-sficon-rounddash-circle-outline:before,
.ion-ios-sficon-rounddash-outline:before,
.ion-md-sficon-rounddash:before,
.ion-md-sficon-rounddash-circle:before,
.ion-md-sficon-rounddash-circle-outline:before,
.ion-md-sficon-rounddash-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-roundfillask:before,
.ion-ios-sficon-roundfillask-circle:before,
.ion-ios-sficon-roundfillask-circle-outline:before,
.ion-ios-sficon-roundfillask-outline:before,
.ion-md-sficon-roundfillask:before,
.ion-md-sficon-roundfillask-circle:before,
.ion-md-sficon-roundfillask-circle-outline:before,
.ion-md-sficon-roundfillask-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-roundorg:before,
.ion-ios-sficon-roundorg-circle:before,
.ion-ios-sficon-roundorg-circle-outline:before,
.ion-ios-sficon-roundorg-outline:before,
.ion-md-sficon-roundorg:before,
.ion-md-sficon-roundorg-circle:before,
.ion-md-sficon-roundorg-circle-outline:before,
.ion-md-sficon-roundorg-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-search:before,
.ion-ios-sficon-search-circle:before,
.ion-ios-sficon-search-circle-outline:before,
.ion-ios-sficon-search-outline:before,
.ion-md-sficon-search:before,
.ion-md-sficon-search-circle:before,
.ion-md-sficon-search-circle-outline:before,
.ion-md-sficon-search-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-search2:before,
.ion-ios-sficon-search2-circle:before,
.ion-ios-sficon-search2-circle-outline:before,
.ion-ios-sficon-search2-outline:before,
.ion-md-sficon-search2:before,
.ion-md-sficon-search2-circle:before,
.ion-md-sficon-search2-circle-outline:before,
.ion-md-sficon-search2-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-sent:before,
.ion-ios-sficon-sent-circle:before,
.ion-ios-sficon-sent-circle-outline:before,
.ion-ios-sficon-sent-outline:before,
.ion-md-sficon-sent:before,
.ion-md-sficon-sent-circle:before,
.ion-md-sficon-sent-circle-outline:before,
.ion-md-sficon-sent-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-setting:before,
.ion-ios-sficon-setting-circle:before,
.ion-ios-sficon-setting-circle-outline:before,
.ion-ios-sficon-setting-outline:before,
.ion-md-sficon-setting:before,
.ion-md-sficon-setting-circle:before,
.ion-md-sficon-setting-circle-outline:before,
.ion-md-sficon-setting-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-shiftschedule:before,
.ion-ios-sficon-shiftschedule-circle:before,
.ion-ios-sficon-shiftschedule-circle-outline:before,
.ion-ios-sficon-shiftschedule-outline:before,
.ion-md-sficon-shiftschedule:before,
.ion-md-sficon-shiftschedule-circle:before,
.ion-md-sficon-shiftschedule-circle-outline:before,
.ion-md-sficon-shiftschedule-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-star:before,
.ion-ios-sficon-star-circle:before,
.ion-ios-sficon-star-circle-outline:before,
.ion-ios-sficon-star-outline:before,
.ion-md-sficon-star:before,
.ion-md-sficon-star-circle:before,
.ion-md-sficon-star-circle-outline:before,
.ion-md-sficon-star-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-starfill:before,
.ion-ios-sficon-starfill-circle:before,
.ion-ios-sficon-starfill-circle-outline:before,
.ion-ios-sficon-starfill-outline:before,
.ion-md-sficon-starfill:before,
.ion-md-sficon-starfill-circle:before,
.ion-md-sficon-starfill-circle-outline:before,
.ion-md-sficon-starfill-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-target:before,
.ion-ios-sficon-target-circle:before,
.ion-ios-sficon-target-circle-outline:before,
.ion-ios-sficon-target-outline:before,
.ion-md-sficon-target:before,
.ion-md-sficon-target-circle:before,
.ion-md-sficon-target-circle-outline:before,
.ion-md-sficon-target-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-taskcomplete:before,
.ion-ios-sficon-taskcomplete-circle:before,
.ion-ios-sficon-taskcomplete-circle-outline:before,
.ion-ios-sficon-taskcomplete-outline:before,
.ion-md-sficon-taskcomplete:before,
.ion-md-sficon-taskcomplete-circle:before,
.ion-md-sficon-taskcomplete-circle-outline:before,
.ion-md-sficon-taskcomplete-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-taskdone:before,
.ion-ios-sficon-taskdone-circle:before,
.ion-ios-sficon-taskdone-circle-outline:before,
.ion-ios-sficon-taskdone-outline:before,
.ion-md-sficon-taskdone:before,
.ion-md-sficon-taskdone-circle:before,
.ion-md-sficon-taskdone-circle-outline:before,
.ion-md-sficon-taskdone-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-taskfeedback:before,
.ion-ios-sficon-taskfeedback-circle:before,
.ion-ios-sficon-taskfeedback-circle-outline:before,
.ion-ios-sficon-taskfeedback-outline:before,
.ion-md-sficon-taskfeedback:before,
.ion-md-sficon-taskfeedback-circle:before,
.ion-md-sficon-taskfeedback-circle-outline:before,
.ion-md-sficon-taskfeedback-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-tasktime:before,
.ion-ios-sficon-tasktime-circle:before,
.ion-ios-sficon-tasktime-circle-outline:before,
.ion-ios-sficon-tasktime-outline:before,
.ion-md-sficon-tasktime:before,
.ion-md-sficon-tasktime-circle:before,
.ion-md-sficon-tasktime-circle-outline:before,
.ion-md-sficon-tasktime-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-taskwrite:before,
.ion-ios-sficon-taskwrite-circle:before,
.ion-ios-sficon-taskwrite-circle-outline:before,
.ion-ios-sficon-taskwrite-outline:before,
.ion-md-sficon-taskwrite:before,
.ion-md-sficon-taskwrite-circle:before,
.ion-md-sficon-taskwrite-circle-outline:before,
.ion-md-sficon-taskwrite-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-top:before,
.ion-ios-sficon-top-circle:before,
.ion-ios-sficon-top-circle-outline:before,
.ion-ios-sficon-top-outline:before,
.ion-md-sficon-top:before,
.ion-md-sficon-top-circle:before,
.ion-md-sficon-top-circle-outline:before,
.ion-md-sficon-top-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-trash:before,
.ion-ios-sficon-trash-circle:before,
.ion-ios-sficon-trash-circle-outline:before,
.ion-ios-sficon-trash-outline:before,
.ion-md-sficon-trash:before,
.ion-md-sficon-trash-circle:before,
.ion-md-sficon-trash-circle-outline:before,
.ion-md-sficon-trash-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-travel:before,
.ion-ios-sficon-travel-circle:before,
.ion-ios-sficon-travel-circle-outline:before,
.ion-ios-sficon-travel-outline:before,
.ion-md-sficon-travel:before,
.ion-md-sficon-travel-circle:before,
.ion-md-sficon-travel-circle-outline:before,
.ion-md-sficon-travel-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-turning:before,
.ion-ios-sficon-turning-circle:before,
.ion-ios-sficon-turning-circle-outline:before,
.ion-ios-sficon-turning-outline:before,
.ion-md-sficon-turning:before,
.ion-md-sficon-turning-circle:before,
.ion-md-sficon-turning-circle-outline:before,
.ion-md-sficon-turning-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-turningfill:before,
.ion-ios-sficon-turningfill-circle:before,
.ion-ios-sficon-turningfill-circle-outline:before,
.ion-ios-sficon-turningfill-outline:before,
.ion-md-sficon-turningfill:before,
.ion-md-sficon-turningfill-circle:before,
.ion-md-sficon-turningfill-circle-outline:before,
.ion-md-sficon-turningfill-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-undo:before,
.ion-ios-sficon-undo-circle:before,
.ion-ios-sficon-undo-circle-outline:before,
.ion-ios-sficon-undo-outline:before,
.ion-md-sficon-undo:before,
.ion-md-sficon-undo-circle:before,
.ion-md-sficon-undo-circle-outline:before,
.ion-md-sficon-undo-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-video:before,
.ion-ios-sficon-video-circle:before,
.ion-ios-sficon-video-circle-outline:before,
.ion-ios-sficon-video-outline:before,
.ion-md-sficon-video:before,
.ion-md-sficon-video-circle:before,
.ion-md-sficon-video-circle-outline:before,
.ion-md-sficon-video-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-wallet:before,
.ion-ios-sficon-wallet-circle:before,
.ion-ios-sficon-wallet-circle-outline:before,
.ion-ios-sficon-wallet-outline:before,
.ion-md-sficon-wallet:before,
.ion-md-sficon-wallet-circle:before,
.ion-md-sficon-wallet-circle-outline:before,
.ion-md-sficon-wallet-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-devicepin:before,
.ion-ios-sficon-devicepin-circle:before,
.ion-ios-sficon-devicepin-circle-outline:before,
.ion-ios-sficon-devicepin-outline:before,
.ion-md-sficon-devicepin:before,
.ion-md-sficon-devicepin-circle:before,
.ion-md-sficon-devicepin-circle-outline:before,
.ion-md-sficon-devicepin-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-language:before,
.ion-ios-sficon-language-circle:before,
.ion-ios-sficon-language-circle-outline:before,
.ion-ios-sficon-language-outline:before,
.ion-md-sficon-language:before,
.ion-md-sficon-language-circle:before,
.ion-md-sficon-language-circle-outline:before,
.ion-md-sficon-language-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-notifsetting:before,
.ion-ios-sficon-notifsetting-circle:before,
.ion-ios-sficon-notifsetting-circle-outline:before,
.ion-ios-sficon-notifsetting-outline:before,
.ion-md-sficon-notifsetting:before,
.ion-md-sficon-notifsetting-circle:before,
.ion-md-sficon-notifsetting-circle-outline:before,
.ion-md-sficon-notifsetting-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-viewoffline:before,
.ion-ios-sficon-viewoffline-circle:before,
.ion-ios-sficon-viewoffline-circle-outline:before,
.ion-ios-sficon-viewoffline-outline:before,
.ion-md-sficon-viewoffline:before,
.ion-md-sficon-viewoffline-circle:before,
.ion-md-sficon-viewoffline-circle-outline:before,
.ion-md-sficon-viewoffline-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-component:before,
.ion-ios-sficon-component-circle:before,
.ion-ios-sficon-component-circle-outline:before,
.ion-ios-sficon-component-outline:before,
.ion-md-sficon-component:before,
.ion-md-sficon-component-circle:before,
.ion-md-sficon-component-circle-outline:before,
.ion-md-sficon-component-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-download:before,
.ion-ios-sficon-download-circle:before,
.ion-ios-sficon-download-circle-outline:before,
.ion-ios-sficon-download-outline:before,
.ion-md-sficon-download:before,
.ion-md-sficon-download-circle:before,
.ion-md-sficon-download-circle-outline:before,
.ion-md-sficon-download-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-payprocess:before,
.ion-ios-sficon-payprocess-circle:before,
.ion-ios-sficon-payprocess-circle-outline:before,
.ion-ios-sficon-payprocess-outline:before,
.ion-md-sficon-payprocess:before,
.ion-md-sficon-payprocess-circle:before,
.ion-md-sficon-payprocess-circle-outline:before,
.ion-md-sficon-payprocess-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-payrolldata:before,
.ion-ios-sficon-payrolldata-circle:before,
.ion-ios-sficon-payrolldata-circle-outline:before,
.ion-ios-sficon-payrolldata-outline:before,
.ion-md-sficon-payrolldata:before,
.ion-md-sficon-payrolldata-circle:before,
.ion-md-sficon-payrolldata-circle-outline:before,
.ion-md-sficon-payrolldata-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-payschedule:before,
.ion-ios-sficon-payschedule-circle:before,
.ion-ios-sficon-payschedule-circle-outline:before,
.ion-ios-sficon-payschedule-outline:before,
.ion-md-sficon-payschedule:before,
.ion-md-sficon-payschedule-circle:before,
.ion-md-sficon-payschedule-circle-outline:before,
.ion-md-sficon-payschedule-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-tappayslipin:before,
.ion-ios-sficon-tappayslipin-circle:before,
.ion-ios-sficon-tappayslipin-circle-outline:before,
.ion-ios-sficon-tappayslipin-outline:before,
.ion-md-sficon-tappayslipin:before,
.ion-md-sficon-tappayslipin-circle:before,
.ion-md-sficon-tappayslipin-circle-outline:before,
.ion-md-sficon-tappayslipin-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-tappayslipout:before,
.ion-ios-sficon-tappayslipout-circle:before,
.ion-ios-sficon-tappayslipout-circle-outline:before,
.ion-ios-sficon-tappayslipout-outline:before,
.ion-md-sficon-tappayslipout:before,
.ion-md-sficon-tappayslipout-circle:before,
.ion-md-sficon-tappayslipout-circle-outline:before,
.ion-md-sficon-tappayslipout-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-upload:before,
.ion-ios-sficon-upload-circle:before,
.ion-ios-sficon-upload-circle-outline:before,
.ion-ios-sficon-upload-outline:before,
.ion-md-sficon-upload:before,
.ion-md-sficon-upload-circle:before,
.ion-md-sficon-upload-circle-outline:before,
.ion-md-sficon-upload-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-wizard:before,
.ion-ios-sficon-wizard-circle:before,
.ion-ios-sficon-wizard-circle-outline:before,
.ion-ios-sficon-wizard-outline:before,
.ion-md-sficon-wizard:before,
.ion-md-sficon-wizard-circle:before,
.ion-md-sficon-wizard-circle-outline:before,
.ion-md-sficon-wizard-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-write:before,
.ion-ios-sficon-write-circle:before,
.ion-ios-sficon-write-circle-outline:before,
.ion-ios-sficon-write-outline:before,
.ion-md-sficon-write:before,
.ion-md-sficon-write-circle:before,
.ion-md-sficon-write-circle-outline:before,
.ion-md-sficon-write-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-people:before,
.ion-ios-sficon-people-circle:before,
.ion-ios-sficon-people-circle-outline:before,
.ion-ios-sficon-people-outline:before,
.ion-md-sficon-people:before,
.ion-md-sficon-people-circle:before,
.ion-md-sficon-people-circle-outline:before,
.ion-md-sficon-people-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-placeholderwrong:before,
.ion-ios-sficon-placeholderwrong-circle:before,
.ion-ios-sficon-placeholderwrong-circle-outline:before,
.ion-ios-sficon-placeholderwrong-outline:before,
.ion-md-sficon-placeholderwrong:before,
.ion-md-sficon-placeholderwrong-circle:before,
.ion-md-sficon-placeholderwrong-circle-outline:before,
.ion-md-sficon-placeholderwrong-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-sort:before,
.ion-ios-sficon-sort-circle:before,
.ion-ios-sficon-sort-circle-outline:before,
.ion-ios-sficon-sort-outline:before,
.ion-md-sficon-sort:before,
.ion-md-sficon-sort-circle:before,
.ion-md-sficon-sort-circle-outline:before,
.ion-md-sficon-sort-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-addminute:before,
.ion-ios-sficon-addminute-circle:before,
.ion-ios-sficon-addminute-circle-outline:before,
.ion-ios-sficon-addminute-outline:before,
.ion-md-sficon-addminute:before,
.ion-md-sficon-addminute-circle:before,
.ion-md-sficon-addminute-circle-outline:before,
.ion-md-sficon-addminute-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-changehr:before,
.ion-ios-sficon-changehr-circle:before,
.ion-ios-sficon-changehr-circle-outline:before,
.ion-ios-sficon-changehr-outline:before,
.ion-md-sficon-changehr:before,
.ion-md-sficon-changehr-circle:before,
.ion-md-sficon-changehr-circle-outline:before,
.ion-md-sficon-changehr-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-changeprivacy:before,
.ion-ios-sficon-changeprivacy-circle:before,
.ion-ios-sficon-changeprivacy-circle-outline:before,
.ion-ios-sficon-changeprivacy-outline:before,
.ion-md-sficon-changeprivacy:before,
.ion-md-sficon-changeprivacy-circle:before,
.ion-md-sficon-changeprivacy-circle-outline:before,
.ion-md-sficon-changeprivacy-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-configuredata:before,
.ion-ios-sficon-configuredata-circle:before,
.ion-ios-sficon-configuredata-circle-outline:before,
.ion-ios-sficon-configuredata-outline:before,
.ion-md-sficon-configuredata:before,
.ion-md-sficon-configuredata-circle:before,
.ion-md-sficon-configuredata-circle-outline:before,
.ion-md-sficon-configuredata-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-roundfull:before,
.ion-ios-sficon-roundfull-circle:before,
.ion-ios-sficon-roundfull-circle-outline:before,
.ion-ios-sficon-roundfull-outline:before,
.ion-md-sficon-roundfull:before,
.ion-md-sficon-roundfull-circle:before,
.ion-md-sficon-roundfull-circle-outline:before,
.ion-md-sficon-roundfull-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-roundhalfleft:before,
.ion-ios-sficon-roundhalfleft-circle:before,
.ion-ios-sficon-roundhalfleft-circle-outline:before,
.ion-ios-sficon-roundhalfleft-outline:before,
.ion-md-sficon-roundhalfleft:before,
.ion-md-sficon-roundhalfleft-circle:before,
.ion-md-sficon-roundhalfleft-circle-outline:before,
.ion-md-sficon-roundhalfleft-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-roundhalfright:before,
.ion-ios-sficon-roundhalfright-circle:before,
.ion-ios-sficon-roundhalfright-circle-outline:before,
.ion-ios-sficon-roundhalfright-outline:before,
.ion-md-sficon-roundhalfright:before,
.ion-md-sficon-roundhalfright-circle:before,
.ion-md-sficon-roundhalfright-circle-outline:before,
.ion-md-sficon-roundhalfright-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-shiftpattern:before,
.ion-ios-sficon-shiftpattern-circle:before,
.ion-ios-sficon-shiftpattern-circle-outline:before,
.ion-ios-sficon-shiftpattern-outline:before,
.ion-md-sficon-shiftpattern:before,
.ion-md-sficon-shiftpattern-circle:before,
.ion-md-sficon-shiftpattern-circle-outline:before,
.ion-md-sficon-shiftpattern-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-sales:before,
.ion-ios-sficon-sales-circle:before,
.ion-ios-sficon-sales-circle-outline:before,
.ion-ios-sficon-sales-outline:before,
.ion-md-sficon-sales:before,
.ion-md-sficon-sales-circle:before,
.ion-md-sficon-sales-circle-outline:before,
.ion-md-sficon-sales-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-purchase:before,
.ion-ios-sficon-purchase-circle:before,
.ion-ios-sficon-purchase-circle-outline:before,
.ion-ios-sficon-purchase-outline:before,
.ion-md-sficon-purchase:before,
.ion-md-sficon-purchase-circle:before,
.ion-md-sficon-purchase-circle-outline:before,
.ion-md-sficon-purchase-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-customer:before,
.ion-ios-sficon-customer-circle:before,
.ion-ios-sficon-customer-circle-outline:before,
.ion-ios-sficon-customer-outline:before,
.ion-md-sficon-customer:before,
.ion-md-sficon-customer-circle:before,
.ion-md-sficon-customer-circle-outline:before,
.ion-md-sficon-customer-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-marketplace:before,
.ion-ios-sficon-marketplace-circle:before,
.ion-ios-sficon-marketplace-circle-outline:before,
.ion-ios-sficon-marketplace-outline:before,
.ion-md-sficon-marketplace:before,
.ion-md-sficon-marketplace-circle:before,
.ion-md-sficon-marketplace-circle-outline:before,
.ion-md-sficon-marketplace-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-taskfeedback:before,
.ion-ios-sficon-taskfeedback-circle:before,
.ion-ios-sficon-taskfeedback-circle-outline:before,
.ion-ios-sficon-taskfeedback-outline:before,
.ion-md-sficon-taskfeedback:before,
.ion-md-sficon-taskfeedback-circle:before,
.ion-md-sficon-taskfeedback-circle-outline:before,
.ion-md-sficon-taskfeedback-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-elearning:before,
.ion-ios-sficon-elearning-circle:before,
.ion-ios-sficon-elearning-circle-outline:before,
.ion-ios-sficon-elearning-outline:before,
.ion-md-sficon-elearning:before,
.ion-md-sficon-elearning-circle:before,
.ion-md-sficon-elearning-circle-outline:before,
.ion-md-sficon-elearning-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-eyeoff:before,
.ion-ios-sficon-eyeoff-circle:before,
.ion-ios-sficon-eyeoff-circle-outline:before,
.ion-ios-sficon-eyeoff-outline:before,
.ion-md-sficon-eyeoff:before,
.ion-md-sficon-eyeoff-circle:before,
.ion-md-sficon-eyeoff-circle-outline:before,
.ion-md-sficon-eyeoff-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-eyeon:before,
.ion-ios-sficon-eyeon-circle:before,
.ion-ios-sficon-eyeon-circle-outline:before,
.ion-ios-sficon-eyeon-outline:before,
.ion-md-sficon-eyeon:before,
.ion-md-sficon-eyeon-circle:before,
.ion-md-sficon-eyeon-circle-outline:before,
.ion-md-sficon-eyeon-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-bookmark:before,
.ion-ios-sficon-bookmark-circle:before,
.ion-ios-sficon-bookmark-circle-outline:before,
.ion-ios-sficon-bookmark-outline:before,
.ion-md-sficon-bookmark:before,
.ion-md-sficon-bookmark-circle:before,
.ion-md-sficon-bookmark-circle-outline:before,
.ion-md-sficon-bookmark-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-doc:before,
.ion-ios-sficon-doc-circle:before,
.ion-ios-sficon-doc-circle-outline:before,
.ion-ios-sficon-doc-outline:before,
.ion-md-sficon-doc:before,
.ion-md-sficon-doc-circle:before,
.ion-md-sficon-doc-circle-outline:before,
.ion-md-sficon-doc-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-list:before,
.ion-ios-sficon-list-circle:before,
.ion-ios-sficon-list-circle-outline:before,
.ion-ios-sficon-list-outline:before,
.ion-md-sficon-list:before,
.ion-md-sficon-list-circle:before,
.ion-md-sficon-list-circle-outline:before,
.ion-md-sficon-list-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-pdf:before,
.ion-ios-sficon-pdf-circle:before,
.ion-ios-sficon-pdf-circle-outline:before,
.ion-ios-sficon-pdf-outline:before,
.ion-md-sficon-pdf:before,
.ion-md-sficon-pdf-circle:before,
.ion-md-sficon-pdf-circle-outline:before,
.ion-md-sficon-pdf-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-ppt:before,
.ion-ios-sficon-ppt-circle:before,
.ion-ios-sficon-ppt-circle-outline:before,
.ion-ios-sficon-ppt-outline:before,
.ion-md-sficon-ppt:before,
.ion-md-sficon-ppt-circle:before,
.ion-md-sficon-ppt-circle-outline:before,
.ion-md-sficon-ppt-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-swf:before,
.ion-ios-sficon-swf-circle:before,
.ion-ios-sficon-swf-circle-outline:before,
.ion-ios-sficon-swf-outline:before,
.ion-md-sficon-swf:before,
.ion-md-sficon-swf-circle:before,
.ion-md-sficon-swf-circle-outline:before,
.ion-md-sficon-swf-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-zxvideo:before,
.ion-ios-sficon-zxvideo-circle:before,
.ion-ios-sficon-zxvideo-circle-outline:before,
.ion-ios-sficon-zxvideo-outline:before,
.ion-md-sficon-zxvideo:before,
.ion-md-sficon-zxvideo-circle:before,
.ion-md-sficon-zxvideo-circle-outline:before,
.ion-md-sficon-zxvideo-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-xls:before,
.ion-ios-sficon-xls-circle:before,
.ion-ios-sficon-xls-circle-outline:before,
.ion-ios-sficon-xls-outline:before,
.ion-md-sficon-xls:before,
.ion-md-sficon-xls-circle:before,
.ion-md-sficon-xls-circle-outline:before,
.ion-md-sficon-xls-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-changeaccess:before,
.ion-ios-sficon-changeaccess-circle:before,
.ion-ios-sficon-changeaccess-circle-outline:before,
.ion-ios-sficon-changeaccess-outline:before,
.ion-md-sficon-changeaccess:before,
.ion-md-sficon-changeaccess-circle:before,
.ion-md-sficon-changeaccess-circle-outline:before,
.ion-md-sficon-changeaccess-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-showmap:before,
.ion-ios-sficon-showmap-circle:before,
.ion-ios-sficon-showmap-circle-outline:before,
.ion-ios-sficon-showmap-outline:before,
.ion-md-sficon-showmap:before,
.ion-md-sficon-showmap-circle:before,
.ion-md-sficon-showmap-circle-outline:before,
.ion-md-sficon-showmap-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-scales:before,
.ion-ios-sficon-scales-circle:before,
.ion-ios-sficon-scales-circle-outline:before,
.ion-ios-sficon-scales-outline:before,
.ion-md-sficon-scales:before,
.ion-md-sficon-scales-circle:before,
.ion-md-sficon-scales-circle-outline:before,
.ion-md-sficon-scales-outline:before {
  content: "";
  font-size: 30px;
}

.ion-ios-sficon-survey:before,
.ion-ios-sficon-survey-circle:before,
.ion-ios-sficon-survey-circle-outline:before,
.ion-ios-sficon-survey-outline:before,
.ion-md-sficon-survey:before,
.ion-md-sficon-survey-circle:before,
.ion-md-sficon-survey-circle-outline:before,
.ion-md-sficon-survey-outline:before {
  content: "";
  font-size: 30px;
}

.modal-wrapper {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

ion-modal {
  background: rgba(0, 0, 0, 0.7);
}

.overlay-close {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

/*==================================GLOBAL CSS======================================== */
.btn-rounded-full {
  margin: auto;
  width: 18em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-top-right-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

.thin-btn-text {
  margin: 0;
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

.ion-segment {
  border-bottom: 1px solid #ffbc7a !important;
}

.segment-button {
  border-style: none;
  border: 0px !important;
  border-radius: 0px 0px 0px 0px !important;
  color: #7f7f7f !important;
  text-transform: capitalize !important;
}

.segment-button.segment-activated {
  background: #fff !important;
  color: #fbac5e !important;
  border-radius: 0px 0px 0px 0px !important;
  border-bottom: 2px solid #fbac5e !important;
}

.fab-close-active.fab-close-icon {
  background: #666 !important;
}

.ios-fix-top {
  -webkit-transform: translate3d(0, 0, 200px);
  transform: translate3d(0, 0, 200px);
}

.gdx-tooltip {
  position: absolute;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  background: #232323;
  padding: 6px 12px;
  border-radius: 8px;
  color: #fff;
  font-size: 13px;
  text-transform: capitalize;
  margin: auto;
  -webkit-transition: all 500ms;
  transition: all 500ms;
  opacity: 0;
  pointer-events: none;
  z-index: 9999;
}

.tooltip-top {
  -webkit-transform: translate3d(0px, -4px, 0px);
  transform: translate3d(0px, -4px, 0px);
}

.tooltip-bottom {
  -webkit-transform: translate3d(0px, 4px, 0px);
  transform: translate3d(0px, 4px, 0px);
}

.tooltip-left {
  -webkit-transform: translate3d(-4px, 0px, 0px);
  transform: translate3d(-4px, 0px, 0px);
}

.tooltip-right {
  -webkit-transform: translate3d(4px, 0px, 0px);
  transform: translate3d(4px, 0px, 0px);
}

.gdx-tooltip-show {
  opacity: 1;
}

@-webkit-keyframes tooltip-top {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(0px, -4px, 0px);
    transform: translate3d(0px, -4px, 0px);
  }
}

@keyframes tooltip-top {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(0px, -4px, 0px);
    transform: translate3d(0px, -4px, 0px);
  }
}

@-webkit-keyframes tooltip-bottom {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(0px, 4px, 0px);
    transform: translate3d(0px, 4px, 0px);
  }
}

@keyframes tooltip-bottom {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(0px, 4px, 0px);
    transform: translate3d(0px, 4px, 0px);
  }
}

@-webkit-keyframes tooltip-left {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(-4px, 0px, 0px);
    transform: translate3d(-4px, 0px, 0px);
  }
}

@keyframes tooltip-left {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(-4px, 0px, 0px);
    transform: translate3d(-4px, 0px, 0px);
  }
}

@-webkit-keyframes tooltip-right {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(4px, 0px, 0px);
    transform: translate3d(4px, 0px, 0px);
  }
}

@keyframes tooltip-right {
  0% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(4px, 0px, 0px);
    transform: translate3d(4px, 0px, 0px);
  }
}

/* usage template:
ion-component {
  // #region: VERSI_TABLET
  @media screen and (min-width: $tablet-min-width) {

  }
  // #endregion

  // #region: VERSI_DESKTOP
  @media screen and (min-width: $tablet-min-width) {

  }
  // #endregion
}
*/
/*=== Responsive SIZE var ===*/
/*=== DEFAULT SIZE version ===*/
.responsive-width:not(ion-content),
ion-content.responsive-width > .scroll-content > * {
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100%;
}

.responsive-width-mini:not(ion-content),
ion-content.responsive-width-mini > .scroll-content > * {
  margin-left: 0px;
  margin-right: 0px;
  max-width: 100%;
}

gdx-content .responsive-width:not(ion-content),
gdx-content > ion-content.responsive-width {
  margin-left: 0px !important;
  margin-right: 0px !important;
  max-width: 100% !important;
}

gdx-content .responsive-width-mini:not(ion-content),
gdx-content > ion-content.responsive-width-mini {
  margin-left: 0px !important;
  margin-right: 0px !important;
  max-width: 100% !important;
}

gdx-content ion-content[padding],
gdx-content ion-content[padding] .scroll-content {
  padding: 0 !important;
}

/*=== DEFAULT SIZE version - END ===*/
/*==================================HEADING======================================== */
h1,
h2,
h3,
h4,
h5,
h6,
p {
  font-weight: normal;
  color: #192528;
}

[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: unset;
}

[gdx-chevron-reveal] {
  width: 18px;
  height: 18px;
}

.alert-md .alert-message {
  overflow: unset;
  text-align: center !important;
  max-height: none;
}

.alert-md .alert-button {
  margin: 0px auto !important;
}

.icon-navbar {
  color: #fff !important;
  font-size: 30px !important;
}

.text-alipsis {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

ion-footer {
  background: #fff !important;
  border: none;
}

ion-footer .toolbar-background-md {
  background: #fff !important;
}

ion-footer .toolbar-background-ios {
  background: #fff !important;
}

.button-md {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.searchbar-md .searchbar-input {
  color: #808080 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.wrapper-list-no-data {
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: auto !important;
  height: 100%;
  width: 100%;
}

.wrapper-list-no-data p {
  text-align: center;
  color: #808080;
  margin-bottom: 30% !important;
}

.wrapper-list-no-data p img {
  width: 40% !important;
}

ion-input,
ion-textarea,
ion-select,
ion-option,
ion-datetime,
control-messages {
  font-size: 1em !important;
  color: #808080 !important;
}

ion-segment[grd-desktop] {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
  left: 0;
  top: 100px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  width: 100%;
}

ion-segment-button[grd-desktop] {
  padding: 10px 8px !important;
  width: auto !important;
  height: auto !important;
  text-transform: capitalize !important;
  font-size: 12px !important;
  font-family: "regular" !important;
  color: #A5B0B7 !important;
}

ion-segment-button[grd-desktop]:last-child {
  margin-right: 0px !important;
}

button[greatday] {
  /* #region: for responsive width
   * please add inside <div> with attribute
   * fxLayout="row" and fxLayoutAlign="end center"
   * inside ion-toolbar
  */
  min-width: 80px;
  max-width: 266px;
  height: 50px !important;
}

button[greatday] .button-inner {
  text-transform: none;
}

[gd-tappable] {
  cursor: pointer;
}

[grd-wrap],
[grd-wrap] .select-text {
  white-space: unset !important;
}

ion-avatar img {
  -o-object-position: top;
  object-position: top;
}

ion-avatar[gd-avatar-medium] {
  width: 38px;
  height: 38px;
  border-radius: 200px;
  -o-object-fit: cover;
  object-fit: cover;
}

ion-content[no-scroll] .scroll-content {
  overflow: hidden !important;
}

.overlay-custom {
  position: relative;
  left: 0;
  top: 0;
  z-index: 20001;
  width: 100%;
  height: 100%;
  pointer-events: none;
  contain: strict;
  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-transform: scale(1);
  transform: scale(1);
  -webkit-animation-name: scale;
  animation-name: scale;
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
}

.overlay-custom .download-section {
  background: #fff;
  padding: 24px 16px;
  border-radius: 10px;
  position: absolute;
  width: 100%;
  max-width: 310px;
  -webkit-box-shadow: 2px 5px 16px -2px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 5px 16px -2px rgba(0, 0, 0, 0.2);
}

.overlay-custom .download-section p.download-text {
  margin: 0;
  font-weight: bold;
}

.overlay-custom .download-section .download-progress {
  margin-top: 15px;
}

.overlay-custom .download-section .download-progress .download-line {
  background: #f0f2f4;
  width: 100%;
  height: 8px;
  border-radius: 100px;
  position: relative;
  overflow: hidden;
}

.overlay-custom .download-section .download-progress .download-line .download-fill {
  background: #509cf1;
  background: -webkit-gradient(linear, left top, left bottom, from(#509cf1), to(#1a73e8));
  background: linear-gradient(180deg, #509cf1 0%, #1a73e8 100%);
  border-radius: 100px;
  height: 8px;
  width: 0%;
  -webkit-transition: width 200ms;
  transition: width 200ms;
}

.overlay-custom.show-mode {
  opacity: 1;
}

@-webkit-keyframes scale {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.gdx-chip {
  padding: 5px 10px;
  text-align: center;
  float: right;
  max-width: 150px;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
}

.grd-popover .popover-content {
  top: 50px !important;
  width: auto;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 22px -3px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 22px -3px rgba(0, 0, 0, 0.3);
}

.report-modal .modal-wrapper {
  position: relative;
}

.report-modal .ion-page {
  top: unset;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 16px;
  width: 90vw;
  background-color: white;
  border-radius: 12px;
}

.currency-modal .modal-wrapper {
  position: relative;
}

.currency-modal .ion-page {
  top: unset;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 16px;
  width: 90vw;
  background-color: white;
  border-radius: 12px;
}

.currency-popover ion-backdrop {
  opacity: 0.2;
}

@media screen and (max-width: 768px) {
  .currency-popover .popover-content {
    -webkit-transform: translateX(-50%) !important;
    transform: translateX(-50%) !important;
    left: 50% !important;
    top: unset !important;
  }
}

.currency-popover .popover-content {
  bottom: 16px;
  width: 90vw;
  max-width: 330px;
  background-color: white;
  border-radius: 12px;
}

@media screen and (min-width: 768px) {
  .currency-popover .popover-content {
    bottom: unset !important;
    left: unset !important;
  }
}

@media screen and (min-width: 768px) {
  .modal-beta .ion-page {
    top: 50%;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 24% !important;
    border-radius: 8px;
    min-width: 400px;
  }
}

@media screen and (min-width: 1280px) {
  .modal-beta .ion-page {
    top: 50%;
    left: 50% !important;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 24% !important;
    height: 85%;
    max-height: 630px;
    border-radius: 8px;
  }
}

.grd-modal-mobile {
  left: 50% !important;
  top: 50%;
  width: 80% !important;
  height: 50%;
  border-radius: 15px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 8px;
}

@media screen and (min-width: 768px) {
  .grd-modal-mobile .ion-page {
    left: 38% !important;
    width: 24% !important;
    height: 70%;
    top: 15%;
    border-radius: 15px;
    min-width: 400px;
  }
}

@media screen and (min-width: 1280px) {
  .grd-modal-mobile .ion-page {
    left: 38% !important;
    width: 24% !important;
    height: 70%;
    top: 15%;
    border-radius: 15px;
  }
}

@media screen and (min-width: 768px) {
  .grd-modal-mini .ion-page {
    left: 38% !important;
    width: 24% !important;
    height: 70%;
    top: 15%;
    border-radius: 15px;
    min-width: 400px;
  }
}

@media screen and (min-width: 1280px) {
  .grd-modal-mini .ion-page {
    left: 38% !important;
    width: 24% !important;
    height: 70%;
    top: 15%;
    border-radius: 15px;
  }
}

.gdx-datepicker-popover .popover-content {
  width: auto;
  min-width: 300px;
  min-height: 370px;
}

.gdx-sync-popover ion-backdrop {
  opacity: 0.5 !important;
}

.gdx-sync-popover .popover-content {
  width: 90%;
  max-width: 300px;
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: scale(1) translate(-50%, -50%) !important;
  transform: scale(1) translate(-50%, -50%) !important;
}

.gdx-filter-popover ion-backdrop {
  opacity: 0.5 !important;
}

.gdx-filter-popover .popover-content {
  width: 90%;
  max-width: 300px;
  position: absolute;
  left: 50% !important;
  top: 50% !important;
  -webkit-transform: scale(1) translate(-50%, -50%) !important;
  transform: scale(1) translate(-50%, -50%) !important;
  border-radius: 10px;
}

.grd-modal-calendar .ion-page .calendar-container {
  position: absolute;
  left: 5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 90%;
  height: auto;
  border-radius: 10px;
}

@media screen and (min-width: 768px) {
  .grd-modal-thin .ion-page {
    left: 50% !important;
    width: 40% !important;
    min-width: 560px;
    height: 90%;
    top: 5%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-radius: 10px 10px 0 0;
  }
}

@media screen and (min-width: 1280px) {
  .grd-modal-thin .ion-page {
    left: 50% !important;
    width: 40% !important;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 90%;
    top: 5%;
    border-radius: 10px 10px 0 0;
  }
}

.grd-modal-claim .modal-wrapper {
  position: absolute;
}

.grd-modal-claim ion-backdrop {
  visibility: visible !important;
}

.grd-modal-claim .modal-wrapper,
.grd-modal-claim .ion-page {
  left: 50% !important;
  width: 90% !important;
  height: 560px !important;
  top: 50% !important;
  border-radius: 10px;
  -webkit-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
}

@media screen and (min-width: 768px) {
  .grd-modal-claim .ion-page,
  .grd-modal-claim .modal-wrapper {
    width: 360px !important;
  }
}

@media screen and (min-width: 768px) {
  .grd-modal .ion-page {
    left: 17.5% !important;
    width: 65% !important;
    height: 70%;
    top: 15%;
    border-radius: 10px 10px 0 0;
  }
}

@media screen and (min-width: 1280px) {
  .grd-modal .ion-page {
    left: 17.5% !important;
    width: 65% !important;
    height: 70%;
    top: 15%;
    border-radius: 10px 10px 0 0;
  }
}

@media screen and (min-width: 768px) {
  .grd-modal-report .ion-page {
    left: 50% !important;
    width: 256px !important;
    height: 285px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 8px;
  }
}

@media screen and (min-width: 768px) {
  .grd-modal-report-confirm .ion-page {
    left: 50% !important;
    width: 290px !important;
    height: 151px;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 8px;
  }
}

.grd-popover-report-confirm .popover-content {
  width: 280px;
}

@media screen and (min-width: 768px) {
  .grd-modal-larger .ion-page {
    left: 20% !important;
    width: 60% !important;
    height: 90%;
    top: 5%;
    border-radius: 10px 10px 10px 10px;
  }
}

@media screen and (min-width: 1280px) {
  .grd-modal-larger .ion-page {
    left: 20% !important;
    width: 60% !important;
    height: 90%;
    top: 5%;
    border-radius: 10px 10px 10px 10px;
  }
}

@media screen and (min-width: 768px) {
  .grd-modal-portrait .ion-page {
    left: 32% !important;
    width: 36% !important;
    height: 90%;
    top: 5%;
    border-radius: 10px 10px 10px 10px;
  }
}

@media screen and (min-width: 1280px) {
  .grd-modal-portrait .ion-page {
    left: 30% !important;
    width: 40% !important;
    height: 90%;
    top: 5%;
    border-radius: 10px 10px 10px 10px;
  }
}

@media screen and (min-width: 768px) {
  .grd-modal-filter .ion-page {
    left: 32% !important;
    width: 36% !important;
    height: 74%;
    top: 13%;
    border-radius: 4px;
  }
}

@media screen and (min-width: 1280px) {
  .grd-modal-filter .ion-page {
    left: 30% !important;
    width: 40% !important;
    height: 74%;
    top: 13%;
    border-radius: 4px;
  }
}

@media screen and (min-width: 768px) {
  .grd-modal-compare .ion-page {
    left: 5% !important;
    width: 90% !important;
    height: 70%;
    top: 10%;
    border-radius: 10px 10px 10px 10px;
  }
}

@media screen and (min-width: 1280px) {
  .grd-modal-compare .ion-page {
    left: 30% !important;
    width: 40% !important;
    height: 70%;
    top: 10%;
    border-radius: 10px 10px 10px 10px;
  }
}

.grd-modal-privacy .modal-wrapper {
  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;
}

.grd-modal-privacy .modal-wrapper .ion-page {
  width: 88%;
  max-width: 550px;
  height: 90vh;
  max-height: 681px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: unset;
}

.grd-modal-rating .modal-wrapper {
  -webkit-transform: translateY(3px) !important;
  transform: translateY(3px) !important;
  -webkit-animation-name: toTop;
  animation-name: toTop;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.grd-modal-rating ion-backdrop {
  visibility: visible !important;
  z-index: -1;
}

@-webkit-keyframes toTop {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}

@keyframes toTop {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}

.modal-mini .modal-wrapper gdx-modal {
  max-height: 400px;
}

@media screen and (min-width: 374px) {
  .gd-account .modal-container.normal {
    height: calc(48% - 90px) !important;
    -webkit-transform: translateY(10px) !important;
    transform: translateY(10px) !important;
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

@media screen and (max-width: 361px) {
  .gd-account .modal-container.normal {
    height: calc(58% - 90px) !important;
    -webkit-transform: translateY(10px) !important;
    transform: translateY(10px) !important;
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .gd-link .modal-container.normal {
    height: calc(35% - 90px) !important;
    position: unset !important;
    top: unset !important;
    -webkit-transform: translateY(100%) translateX(0%) !important;
    transform: translateY(100%) translateX(0%) !important;
    width: 40% !important;
  }
}

@media screen and (min-width: 375px) {
  .gd-link .modal-container.normal {
    height: calc(35% - 90px) !important;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  .gd-link .modal-container.normal {
    height: calc(45% - 90px) !important;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

@media screen and (min-width: 375px) {
  .gd-sign-alert .modal-container.normal {
    height: calc(65% - 90px) !important;
    -webkit-transform: translateY(10px) !important;
    transform: translateY(10px) !important;
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

@media screen and (max-width: 360px) {
  .gd-sign-alert .modal-container.normal {
    height: calc(70% - 90px) !important;
    -webkit-transform: translateY(10px) !important;
    transform: translateY(10px) !important;
    bottom: 0;
    position: absolute;
    width: 100%;
  }
}

.gd-modal-controller .modal-wrapper {
  -webkit-transform: translateY(3px) !important;
  transform: translateY(3px) !important;
  -webkit-animation-name: toTop;
  animation-name: toTop;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
}

.gd-modal-controller ion-backdrop {
  visibility: visible !important;
  z-index: -1;
}

@keyframes toTop {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}

.gd-modal-radius .modal-wrapper {
  -webkit-transform: translateY(46px) !important;
  transform: translateY(46px) !important;
  -webkit-animation-name: toTop;
  animation-name: toTop;
  -webkit-animation-duration: 250ms;
  animation-duration: 250ms;
  -webkit-animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1);
  border-radius: 20px 20px 0 0;
}

.gd-modal-radius ion-backdrop {
  visibility: visible !important;
  z-index: -1;
}

@keyframes toTop {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}

.grd-modal-noanimation .modal-wrapper {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
  -webkit-transition: 0ms;
  transition: 0ms;
}

@-webkit-keyframes noan {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes noan {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.grd-modal-response .modal-wrapper {
  -webkit-transform: translateY(0) !important;
  transform: translateY(0) !important;
}

.grd-modal-response ion-backdrop {
  visibility: visible !important;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  .sf-modal .ion-page {
    left: 21% !important;
    width: 58% !important;
    height: 68%;
    top: 16%;
    border-radius: 10px 10px 0 0;
  }
}

@media screen and (min-width: 1280px) {
  .sf-modal .ion-page {
    left: 21% !important;
    width: 58% !important;
    height: 68%;
    top: 16%;
    border-radius: 10px 10px 0 0;
  }
}

@media screen and (min-width: 320px) {
  .sf-popup .ion-page {
    left: 10% !important;
    width: 80% !important;
    height: 80%;
    top: 10%;
    border-radius: 10px 10px 10px 10px;
  }
}

.header-profil-box ion-label {
  font-size: 13px !important;
  font-family: "regular" !important;
  color: #A5B0B7 !important;
  margin: 0 !important;
  display: none;
}

.form-profil-box .form-input-box {
  padding: 0 16px;
}

.form-profil-box .form-input-box .form-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 17px 0 14px 0;
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 5px !important;
}

.form-profil-box .form-input-box .form-section .form-label-caption {
  font-family: "regular" !important;
  font-size: 12px !important;
  color: #A5B0B7 !important;
  white-space: normal !important;
  margin: 0 0 5px 0;
  min-width: 100%;
}

.form-profil-box .form-input-box .form-section .form-label-value {
  font-family: "regular" !important;
  font-size: 15px !important;
  color: #192528 !important;
  margin: 0;
  min-width: 100%;
}

.form-profil-box .form-input-box .form-section ion-input input {
  margin: 0;
}

.form-profil-box .form-input-box .form-section ion-select {
  position: relative;
  padding: 0 8px 0 0;
  padding-left: 0 !important;
  width: 100%;
  max-width: unset;
}

.form-profil-box .form-input-box .form-section .datetime-wrapper {
  position: relative;
  padding: 2px 0;
  width: 100%;
}

.form-profil-box .form-input-box .form-section .datetime-wrapper ion-datetime {
  padding: 8.8px 15px;
  font-size: 12px !important;
}

.form-profil-box .form-input-box .form-section .datetime-wrapper .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 23px;
  text-decoration: inherit;
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form-profil-box .form-input-box .form-section .datetime-wrapper button {
  padding: 0px 6px;
}

.form-profil-box .form-input-box .form-section [grd-checkbox] {
  margin-left: 0 !important;
}

.form-profil-box .form-input-box .form-section ion-radio .radio-icon {
  border-width: 1.1px;
  border-color: #F68A22;
  width: 20px;
  height: 20px;
}

.form-profil-box .form-input-box .form-section ion-radio .radio-icon .radio-inner {
  opacity: 0;
}

.form-profil-box .form-input-box .form-section ion-radio .radio-checked .radio-inner {
  position: absolute;
  opacity: 1;
  left: 50%;
  top: 50%;
  width: 10px;
  height: 10px;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.form-profil-box .form-input-box .form-section textarea {
  border: none;
  width: 100%;
  resize: none;
}

.form-profil-box .form-input-box h5 {
  font-size: 14px;
  color: #F68A22;
}

.form-profil-box .form-input-box span.required {
  color: #ed4956;
}

.form-profil-box .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.form-profil-box .form-button-box .submit-btn {
  background: -webkit-gradient(linear, left top, right top, from(#F68A22), to(#F68A22));
  background: linear-gradient(to right, #F68A22, #F68A22);
  text-transform: capitalize;
}

@media screen and (min-width: 768px) {
  .header-profil-box {
    padding: 26px 42px 20px 42px;
  }
  .header-profil-box .toolbar-title {
    padding: 0;
  }
  .header-profil-box ion-label {
    display: unset !important;
  }
  .form-profil-box .form-input-box {
    padding: 35px 42px 5px 42px;
  }
  .form-profil-box .form-input-box .form-section {
    margin-bottom: 29px;
    border-bottom: none;
    padding: 0;
    margin-bottom: 32px !important;
  }
  .form-profil-box .form-input-box .form-section .form-label-caption {
    font-family: "medium" !important;
    font-size: 13px !important;
    color: #A5B0B7 !important;
    white-space: normal !important;
    text-align: right !important;
    min-width: unset;
    max-width: 20%;
    margin-right: 21px;
  }
  .form-profil-box .form-input-box .form-section .form-label-value {
    font-family: "regular" !important;
    font-size: 13px !important;
    color: #192528 !important;
    margin: 0;
    min-width: unset;
  }
  .form-profil-box .form-input-box .form-section .form-input-text {
    border: 1px solid #dbdbe1;
    border-radius: 5px;
  }
  .form-profil-box .form-input-box .form-section .form-input-text input {
    margin: 8.8px 15px;
  }
  .form-profil-box .form-input-box .form-section .datetime-wrapper {
    border: 1px solid #dbdbe1;
    border-radius: 4px;
  }
  .form-profil-box .form-input-box .form-section textarea {
    border: 1px solid #dbdbe1;
    border-radius: 4px;
    width: 100%;
    resize: none;
  }
  .form-profil-box .form-input-box .form-section ion-select {
    padding: 8.8px 15px 8.8px 15px;
    border: 1px solid #dfdfe5;
    border-radius: 5px;
    padding-left: 15px !important;
  }
  .form-profil-box .form-button-box {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background: none;
    position: -webkit-sticky;
    position: sticky;
    bottom: -46px;
    right: 0;
    background: white;
    border: none;
  }
  .form-profil-box .form-button-box .submit-btn {
    width: 77px;
    height: 34px;
    -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14), 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.14), 0 2px 5px rgba(0, 0, 0, 0.1) !important;
    z-index: 1;
  }
  .form-profil-box .form-button-box .bg-btn {
    display: block;
    opacity: 1;
    background: #fff;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    z-index: 0;
    width: auto;
  }
  .form-profil-box .form-button-box .oppa {
    background: transparent;
  }
}

.pay-process {
  background: #000000;
  border-radius: 10px;
  width: 282px;
  height: 83px;
  position: fixed;
  right: 32px;
  bottom: 32px;
}

.pay-process .img-box {
  border-radius: 200px;
  width: 57px;
  position: relative;
}

.pay-process .img-box svg {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotateZ(-90deg);
  transform: translate(-50%, -50%) rotateZ(-90deg);
  z-index: 2;
}

.pay-process .img-box svg .circle {
  -webkit-transition: stroke-dashoffset 500ms ease;
  transition: stroke-dashoffset 500ms ease;
}

.pay-process .img-box .loading-track {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 48px;
  height: 48px;
  border: 3px solid rgba(255, 255, 255, 0.2);
  border-radius: 200px;
  z-index: 1;
}

.pay-process .img-box .wrapper1,
.pay-process .img-box .wrapper2,
.pay-process .img-box .wrapper3 {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border-radius: 200px;
  background: rgba(255, 255, 255, 0.1);
}

.pay-process .img-box .wrapper1 {
  width: 38px;
  height: 38px;
  z-index: 1;
}

.pay-process .img-box .wrapper2 {
  width: 33px;
  height: 33px;
  z-index: 2;
}

.pay-process .img-box .wrapper3 {
  width: 28px;
  height: 28px;
  z-index: 3;
}

.pay-process .img-box img {
  border-radius: 200px;
  width: 23px;
  height: 23px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 4;
}

.pay-process .detail-box {
  max-width: 130px;
}

.pay-process .detail-box ion-label {
  font-family: "regular";
}

.pay-process .detail-box .top {
  color: #a5b0b7 !important;
  font-size: 1.5rem !important;
}

.pay-process .detail-box .bottom {
  color: #ffffff !important;
  font-size: 2.1rem !important;
}

.pay-process .btn-box button {
  color: #2cddf3;
  font-size: 1.5rem;
  height: auto;
  text-transform: capitalize;
  margin-bottom: 5px;
}

.pay-process .btn-box ion-label {
  color: rgba(255, 255, 255, 0.41) !important;
  font-size: 2.1rem !important;
  max-width: 51px;
}

.toast-att-box {
  background: #000000;
  border-radius: 6px;
  max-width: 313px;
  width: 90%;
  height: 53px;
  position: fixed;
  bottom: 32px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 16px;
}

.toast-att-box p {
  color: white;
  font-family: "bold";
  font-size: 16px;
}

.grd-toast .toast-message {
  padding: 19px 16px 17px;
}

.grd-toast-error {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: 10px !important;
  z-index: 100002 !important;
  margin: auto !important;
  max-width: 700px !important;
}

.grd-toast-error .toast-wrapper {
  background: #fce0e0 !important;
  opacity: 0.98 !important;
  border-radius: 5px !important;
  border: 1px solid #af4444 !important;
}

.grd-toast-error .toast-message {
  color: #af4444 !important;
}

.grd-toast-error .toast-message:before {
  content: "ERROR!  ";
  font-family: "bold";
  padding-right: 10px;
}

.grd-toast-error .toast-button .button-inner {
  color: #af4444 !important;
  font-weight: bold;
}

.higher {
  bottom: 150px !important;
}

.snack-bar {
  background: #2d2d2d;
  border-radius: 10px;
  position: fixed;
  left: 12px;
  right: 12px;
  bottom: 32px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 17px 30px 0px rgba(25, 37, 40, 0.32);
  box-shadow: 0px 17px 30px 0px rgba(25, 37, 40, 0.32);
}

.snack-bar .title-box {
  margin-bottom: 12px;
}

.snack-bar .title-box .title {
  color: rgba(255, 255, 255, 0.9) !important;
  font-family: "bold" !important;
  margin-right: 4px;
}

.snack-bar .title-box .record {
  color: white !important;
}

.snack-bar .title-box ion-icon {
  font-size: 18px !important;
  color: white;
}

.snack-bar .detail-box img {
  width: 47px;
  height: 47px;
  border-radius: 10px;
}

.snack-bar .detail-box .shift-box {
  overflow: hidden;
}

.snack-bar .detail-box .shift-box .shift {
  color: #A5B0B7 !important;
  margin-bottom: 5px;
}

.snack-bar .detail-box .shift-box .time {
  font-size: 18px !important;
  font-family: "medium" !important;
  color: #8cc63f !important;
}

.snack-bar .detail-box button {
  border-radius: 10px;
  width: 100px;
  height: 40px;
  font-family: "regular" !important;
}

.grd-toast-success {
  position: absolute !important;
  top: 10px !important;
  right: 10px !important;
  left: 10px !important;
  z-index: 100002 !important;
  margin: auto !important;
  max-width: 700px !important;
}

.grd-toast-success .toast-wrapper {
  background: #c4ffd3 !important;
  opacity: 0.98 !important;
  border-radius: 5px !important;
  border: 1px solid #409956 !important;
}

.grd-toast-success .toast-message {
  color: #409956 !important;
}

.grd-toast-success .toast-message:before {
  content: "SUCCESS!  ";
  font-family: "bold";
  padding-right: 10px;
}

.grd-toast-success .toast-button .button-inner {
  color: #409956 !important;
}

ion-header[transparent] .toolbar-background,
ion-footer[transparent] .toolbar-background {
  background: transparent;
}

ion-header[greatday] {
  border-bottom: 1px solid #dbdbe1;
}

ion-header[greatday] .toolbar-background {
  background: transparent;
}

ion-header[greatday]::after {
  display: none;
}

ion-header[greatday][desktop] {
  padding: 4px 10px;
  min-height: 53px;
  border-bottom: 1px solid #dbdbe1;
}

button[greatday] {
  height: 48px;
  max-width: 80%;
  text-transform: unset;
}

button[greatday][desktop] {
  width: 188px !important;
  height: 50px !important;
  text-transform: unset;
}

/* for custom clear button */
button[grd-clear-button] {
  height: unset !important;
  background-color: transparent;
  padding: 0;
  margin: 0;
}

button[grd-clear-button] .item {
  padding: 0 !important;
}

button[grd-clear-button] .item-inner {
  border-bottom: none !important;
  padding-right: 0;
}

button[grd-clear-button] .item-inner .input-wrapper > * {
  width: 100%;
}

button[grd-clear-button] .button-effect {
  background-color: #A5B0B7;
}

button[grd-clear-button] h3 {
  font-size: 2.2rem;
}

button[grd-clear-button] h6 {
  font-size: 1.5rem;
}

div[grd-clear-button] {
  position: relative;
}

div[grd-clear-button] .button-effect {
  width: 100%;
  height: 100%;
  z-index: 2;
}

button[grd-icon] {
  padding: 0 0.5rem;
}

button[grd-icon] img {
  height: 2rem;
}

button[grd-icon] ion-label {
  margin-right: 0;
  text-transform: none;
}

img[grd-icon] {
  width: 23px;
  height: 19px;
  margin: auto;
}

img[gdx-icon] {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
  object-fit: contain;
}

ion-item[gd-input] .item-inner {
  border: none !important;
  padding-right: 0 !important;
}

ion-item[gd-input] .item-inner .input-wrapper {
  min-height: 60px;
  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;
}

ion-item[gd-input] .item-inner ion-label {
  padding: 0 5px;
  margin-left: 8px;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: translateY(17px);
  transform: translateY(17px);
  color: #A5B0B7 !important;
  font-size: 15px !important;
  position: absolute;
  background: #fff;
}

ion-item[gd-input] .item-inner ion-label span {
  color: #ee0000 !important;
}

ion-item[gd-input] .item-inner ion-input {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
}

ion-item[gd-input] .item-inner ion-input input {
  padding: 10px 0px 10px 10px;
  margin: 0 !important;
  outline: none;
}

ion-item[gd-input] .item-inner ion-datetime {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 0;
}

ion-item[gd-input] .item-inner ion-datetime .datetime-text {
  margin: 10px 8px;
}

ion-item[gd-input] .item-inner ion-select {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 10px 15px 10px 7px;
}

ion-item[gd-input] .item-inner ion-select .select-text {
  margin: 0px 0px 0px 5px;
}

ion-item[gd-input] .item-inner ion-textarea {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  min-height: 47px;
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  align-self: end;
  width: 100%;
  margin-top: 20px;
}

ion-item[gd-input] .item-inner ion-textarea textarea {
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  resize: none;
}

ion-item[gd-input] .item-inner ion-input,
ion-item[gd-input] .item-inner ion-select,
ion-item[gd-input] .item-inner ion-datetime {
  max-height: 42px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 100%;
}

ion-item[gd-input] .item-inner .disabled {
  background: #f3f3f3;
}

ion-item[gd-input] .item-inner .disabled .select-text {
  opacity: 0.4;
}

[grd-padding],
ion-content[grd-padding] .scroll-content {
  padding: 18px;
}

div[grd-hpadding],
ion-content[grd-hpadding] .scroll-content {
  padding-left: 18px;
  padding-right: 18px;
}

div[grd-vpadding],
ion-content[grd-vpadding] .scroll-content {
  padding-top: 18px;
  padding-bottom: 18px;
}

[gdx-gap-right] {
  margin-right: 12px;
}

ion-header[gd-header] ion-title .toolbar-title,
ion-header[gd-header] ion-icon {
  color: #192528;
}

ion-header[gd-header] ion-navbar .toolbar-background {
  background-color: #f2f5f8 !important;
  border-width: 0 !important;
}

ion-header[gd-header] ion-navbar:after {
  background-image: none;
}

ion-header[gd-header]::after {
  background-image: none;
}

/*================== START ION-BADGE =================*/
/*================== END ION-BADGE =================*/
/*================== START ION-CHIP =================*/
ion-chip {
  height: auto !important;
  padding: 3px 6px !important;
  width: auto !important;
  min-width: 55px;
  margin-top: 0;
  margin-bottom: 0;
}

ion-chip ion-label {
  line-height: unset;
  white-space: normal;
}

ion-chip.mini-chip {
  padding: 2px 4px;
  border-width: 2px;
}

ion-chip.mini-chip ion-label {
  line-height: unset;
  white-space: normal;
}

ion-chip[gd-chip] {
  height: unset;
  font-size: 12px;
  line-height: unset;
  border-width: 2px;
}

ion-chip[gd-chip] ion-label {
  color: #fff !important;
  text-transform: capitalize;
}

/*================== END ION-CHIP =================*/
ion-content[gd-content] {
  background: #f2f5f8 !important;
}

ion-content[gd-content] .scroll-content {
  background-color: transparent !important;
}

ion-content[gd-content] .scroll-content div[gd-container],
ion-content[gd-content] .scroll-content .container {
  min-height: 100%;
  background: white;
  border-radius: 20px 20px 0 0;
  padding: 18px;
  pointer-events: auto;
}

ion-content[gd-sticky-content] {
  background: #f2f5f8 !important;
}

ion-content[gd-sticky-content] .scroll-content {
  background-color: transparent !important;
}

ion-content[gd-sticky-content] .scroll-content .responsive-width {
  min-height: 100%;
  height: auto;
  background: white;
}

ion-content[gd-sticky-content] .scroll-content .responsive-width div[gd-sticky] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: white;
  z-index: 10;
  padding: 18px 18px 8px 18px;
}

ion-content[gd-sticky-content] .scroll-content .responsive-width div[gd-container] {
  min-height: 100%;
  background: white;
  padding: 18px;
  pointer-events: auto;
}

button[gd-mobile] {
  border-radius: 10px !important;
  min-width: 101px;
  height: 41px;
}

div[gd-checkbox] {
  max-width: 27px;
  margin-top: 0px;
}

div[gd-checkbox] .checkbox-icon {
  border-radius: 4px !important;
  border: 2px solid #e2e9ed;
  background: white;
  width: 16px !important;
  height: 16px !important;
}

div[gd-checkbox] .checkbox-icon .checkbox-inner {
  left: 5px !important;
  top: 1.5px !important;
  width: 6px;
  height: 10px;
  border-color: white;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
}

div[gd-checkbox] .checkbox-checked {
  border: none;
  background: #2BB34D !important;
}

div[gd-pull-line] {
  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: 19px 0;
}

div[gd-pull-line] div {
  cursor: pointer;
  width: 70px;
  height: 5px;
  background-color: #eaecee;
  border-radius: 50px;
}

ion-radio[gd-radio] {
  position: relative;
}

ion-radio[gd-radio] .radio-icon {
  width: 20px;
  height: 20px;
  border-color: #d3e4e5 !important;
  border-width: 1px !important;
}

ion-radio[gd-radio] .radio-checked .radio-inner {
  background-color: #63BEFB !important;
  width: 10px;
  height: 10px;
  left: 4px;
  top: 4px;
}

ion-item[gd-input] .item-inner {
  border: none !important;
  padding-right: 0 !important;
}

ion-item[gd-input] .item-inner .input-wrapper {
  min-height: 60px;
  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;
}

ion-item[gd-input] .item-inner ion-label {
  padding: 0 5px;
  margin-left: 8px;
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
  -webkit-transform: translateY(17px);
  transform: translateY(17px);
  color: #A5B0B7 !important;
  font-size: 15px !important;
  position: absolute;
}

ion-item[gd-input] .item-inner ion-label span {
  color: #ee0000 !important;
}

ion-item[gd-input] .item-inner ion-input {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
}

ion-item[gd-input] .item-inner ion-input input {
  padding: 10px 0px 10px 10px;
  margin: 0 !important;
  outline: none;
}

ion-item[gd-input] .item-inner ion-datetime {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 0;
}

ion-item[gd-input] .item-inner ion-datetime .datetime-text {
  margin: 10px 8px;
}

ion-item[gd-input] .item-inner ion-select {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 10px 15px 10px 7px;
}

ion-item[gd-input] .item-inner ion-select .select-text {
  margin: 0px 0px 0px 5px;
}

ion-item[gd-input] .item-inner ion-textarea {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  min-height: 47px;
  -webkit-align-self: end;
  -ms-flex-item-align: end;
  align-self: end;
  width: 100%;
  margin-top: 20px;
}

ion-item[gd-input] .item-inner ion-textarea textarea {
  padding-left: 10px;
  margin-top: 10px;
  margin-bottom: 10px;
  resize: none;
}

ion-item[gd-input] .item-inner ion-input,
ion-item[gd-input] .item-inner ion-select,
ion-item[gd-input] .item-inner ion-datetime {
  max-height: 42px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  width: 100%;
}

ion-item[gd-input] .item-inner .disabled {
  background: #f3f3f3;
}

ion-item[gd-input] .item-inner .disabled .select-text {
  opacity: 0.4;
}

.select-disabled,
.item-select-disabled ion-label {
  opacity: 1 !important;
}

ion-item[gd-input].item-input-has-focus .label[floating],
ion-item[gd-input].input-has-focus .label[floating],
ion-item[gd-input].item-input-has-value .label[floating],
ion-item[gd-input].input-has-value .label[floating] {
  -webkit-transform: translate3d(0px, -3px, 0) scale(0.8) !important;
  transform: translate3d(0px, -3px, 0) scale(0.8) !important;
  background: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

ion-label[color="primary"], .color-primary, [color-primary] {
  color: #F68A22 !important;
}

ion-label[color="accent"], .color-accent, [color-accent] {
  color: #63BEFB !important;
}

ion-label[color="danger"], .color-danger, [color-danger] {
  color: #F0624D !important;
}

ion-label[color="secondary-text"], .color-secondary-text, [color-secondary-text] {
  color: #A5B0B7 !important;
}

ion-label[color="success"], .color-success, [color-success] {
  color: #2BB34D !important;
}

.sf-textbold {
  font-family: "bold" !important;
}

.sf-textmedium {
  font-family: "medium" !important;
}

[grd-center] > * {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

[transparent] {
  background-color: transparent !important;
}

[fxLayout*=" wrap"] {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

[gdx-raised] {
  /* basic elevation */
  -webkit-box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
}

[gdx-item-shadow] {
  -webkit-box-shadow: 0px 20px 50px rgba(25, 37, 40, 0.2);
  box-shadow: 0px 20px 50px rgba(25, 37, 40, 0.2);
}

/* scroll bar style for desktop */
@media screen and (min-width: 768px) {
  ::-webkit-scrollbar {
    width: 0.6em !important;
    z-index: 1 !important;
  }
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: none !important;
    z-index: 1 !important;
    background-color: transparent !important;
  }
  ::-webkit-scrollbar-thumb {
    background-color: rgba(79, 79, 79, 0.25) !important;
    border-radius: 50px !important;
    z-index: 1 !important;
  }
}

.sf-1lines {
  white-space: pre-line !important;
  line-height: 1.1em;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}

.sf-3lines {
  white-space: pre-line !important;
  line-height: 1.1em;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
  overflow: hidden;
}

.sf-2lines {
  white-space: normal !important;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  overflow: hidden;
}

.sf-nolimitlines {
  white-space: normal;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  display: -webkit-box;
}

.sf-gradient-up {
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(black));
  background-image: linear-gradient(transparent, black);
}

.sf-gradient-down {
  background-image: -webkit-gradient(linear, left top, left bottom, from(black), to(transparent));
  background-image: linear-gradient(black, transparent);
}

.sf-textshadow {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}

.gl-relative-parent {
  position: relative;
}

[full-content] {
  width: 100%;
  height: 100%;
}

[full-screen] {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  z-index: 10;
}

.grd-hlayout > *:not(:last-child) {
  border-right: 1px solid #dbdbe1;
}

.grd-hlayout > * {
  padding: 18px;
}

.grd-vlayout > *:not(:last-child) {
  border-bottom: 1px solid #dbdbe1;
}

.grd-vlayout > * {
  padding: 18px;
}

[gdx-list] > * {
  border-bottom: 1px solid #dbdbe1;
  padding: 18px;
}

div[grd-skeleton] {
  border-radius: 1px;
  -webkit-animation-name: shimmering;
  animation-name: shimmering;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  background: #dddddd;
  background-image: -webkit-gradient(linear, left top, right top, from(#dddddd), color-stop(20%, #edeef1), color-stop(40%, #dddddd), to(#dddddd)) !important;
  background-image: linear-gradient(to right, #dddddd 0%, #edeef1 20%, #dddddd 40%, #dddddd 100%) !important;
  background-repeat: no-repeat !important;
}

@-webkit-keyframes shimmering {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}

@keyframes shimmering {
  0% {
    background-position: -400px 0;
  }
  100% {
    background-position: 400px 0;
  }
}

.icon-input-calendar:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

.icon-input-employee:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

.icon-input-people:after {
  content: "\e96b";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

.icon-input-component:after {
  content: "\e961";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

.item-list-bottom {
  margin-bottom: 5em !important;
}

.notifications-badge {
  font-size: 1rem !important;
}

.sub-icon .notifications-badge {
  position: absolute !important;
  top: 6px !important;
  left: 35px !important;
  font-family: Arial;
  font-weight: 400;
  opacity: 0;
  -webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
}

ion-icon[class*="sficon2-"] {
  -webkit-mask-size: 30px;
  mask-size: 30px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  background: #c7f5f9;
  color: #c7f5f9 !important;
}

ion-icon[class*="sficon2-home"] {
  -webkit-mask-image: url(../assets/icon/sficon-home.svg);
  mask-image: url(../assets/icon/sficon-home.svg);
}

@media screen and (min-width: 768px) and (max-width: 1420px) {
  .new-home.split-pane-md.split-pane-visible > ion-menu.menu-enabled + ion-nav.menu-content {
    left: 6em;
    max-width: calc(100% - 6em);
  }
  .new-home.split-pane-md.split-pane-visible > .tutupSizeMenu {
    position: absolute;
    z-index: 9999;
  }
}

@media screen and (min-width: 768px) {
  ion-menu.sidemenu .item-md [item-left] {
    position: relative;
  }
  .sidemenu .menu-control {
    position: fixed;
    top: 0px;
    width: 100%;
    padding-top: 13px;
    z-index: 1;
    background-color: #F68A22;
  }
  .sidemenu .foto-wrapper {
    margin-top: 60px;
  }
  .sidemenu .element button .item-inner {
    padding-right: unset;
  }
  .split-pane-md.split-pane-visible > .tutupSizeMenu {
    max-width: 6em !important;
  }
  .split-pane-md.split-pane-visible > .bukaSizeMenu {
    max-width: 240px !important;
  }
  ion-menu.sidemenu .sub-text,
  ion-menu.sidemenu .avatar-desc,
  ion-menu.sidemenu .input-wrapper,
  ion-menu.sidemenu .item-inner {
    margin-left: 0.5em;
    padding-left: 5px;
  }
  .split-pane-md.split-pane-visible > .sidemenu .avatar-desc {
    -webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
  }
  .split-pane-md.split-pane-visible > .tutupSizeMenu .avatar-desc {
    opacity: 0;
  }
  .split-pane-md.split-pane-visible > .sidemenu .item-inner {
    -webkit-transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 1;
  }
  .split-pane-md.split-pane-visible > .tutupSizeMenu .item-inner {
    opacity: 0;
  }
  .split-pane-md.split-pane-visible > .tutupSizeMenu .sub-icon .notifications-badge {
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .split-pane-ios.split-pane-visible > .tutupSizeMenu {
    max-width: 6em !important;
  }
  .split-pane-ios.split-pane-visible > .bukaSizeMenu {
    max-width: 15em !important;
  }
  ion-menu.sidemenu .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.3em !important;
  }
  ion-menu.sidemenu .item-ios .sub-icon[item-left],
  .item-ios .sub-icon[item-start],
  .item-ios .sub-icon[item-right],
  .item-ios .sub-icon[item-end] {
    margin: 8px 8px 8px 11px !important;
  }
  .split-pane-ios.split-pane-visible > .tutupSizeMenu .item-inner {
    opacity: 0;
  }
  .split-pane-ios.split-pane-visible > .bukaSizeMenu .item-inner {
    opacity: 1;
  }
  .split-pane-ios.split-pane-visible > .tutupSizeMenu .sub-icon .notifications-badge {
    opacity: 1;
  }
}

fieldset {
  border: 0;
}

.toastAttendance {
  white-space: pre !important;
}

ion-backdrop {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 2;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #000 !important;
  opacity: 0.01;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.required-input {
  color: #ed4956 !important;
}

@-webkit-keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes introjspulse {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  25% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0.1;
  }
  50% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
  }
}

.bubble {
  background-color: #09c;
  color: #fff;
  width: 80%;
  height: 150px;
  border-radius: 1em;
  position: absolute;
  z-index: 1000000;
}

.backgroundmenu {
  background-color: #F68A22 !important;
}

@media screen and (min-width: 768px) {
  .item-ios[detail-push] .item-inner,
  button.item-ios:not([detail-none]) .item-inner,
  a.item-ios:not([detail-none]) .item-inner {
    background-image: none;
  }
  .toolbar-ios-primary .toolbar-title-ios,
  .toolbar-ios-primary .bar-button-clear-ios,
  .toolbar-ios-primary .bar-button-default-ios {
    color: #F68A22 !important;
    font-size: 150%;
    font-weight: 400;
  }
  .toolbar-ios-primary .toolbar-background-ios {
    background-color: transparent;
  }
  ion-menu.sidemenu ion-item {
    background-color: transparent !important;
    border: none !important;
    overflow-y: auto;
    overflow-x: hidden;
  }
  .sub-text {
    padding-left: 0.38em;
  }
  ion-label.menu-category {
    color: white !important;
    margin-left: 1.47em !important;
    font-weight: 500 !important;
    text-align: left;
    text-transform: uppercase;
    opacity: 0.5;
  }
  .item-ios {
    background-color: transparent;
  }
  .no-padding {
    padding: 0px !important;
  }
  .toolbar-md-primary .toolbar-background-md {
    background: #fff !important;
  }
  .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: #F68A22;
    font-size: 150%;
    font-weight: 300;
  }
  .ion-ios-sficon-search:before,
  .ion-ios-sficon-search-circle:before,
  .ion-ios-sficon-search-circle-outline:before,
  .ion-ios-sficon-search-outline:before,
  .ion-md-sficon-search:before,
  .ion-md-sficon-search-circle:before,
  .ion-md-sficon-search-circle-outline:before,
  .ion-md-sficon-search-outline:before {
    font-size: 20px !important;
  }
  .grid {
    padding: 0 !important;
  }
  .header-md::after {
    display: none;
  }
  .sub-icon {
    background-color: transparent !important;
  }
  .ion-ios-sficon-magnifier:before,
  .ion-ios-sficon-magnifier-circle:before,
  .ion-ios-sficon-magnifier-circle-outline:before,
  .ion-ios-sficon-magnifier-outline:before,
  .ion-md-sficon-magnifier:before,
  .ion-md-sficon-magnifier-circle:before,
  .ion-md-sficon-magnifier-circle-outline:before,
  .ion-md-sficon-magnifier-outline:before {
    margin-right: 0.5em;
  }
  .ion-page {
    width: 100% !important;
  }
  .ion-md-menu:before {
    margin-left: 1.1em !important;
  }
  .toolbar-md-primary .toolbar-background-md {
    border-bottom: 1px solid #ccc;
  }
  .has-refresher > .scroll-content {
    border: none !important;
  }
  .ion-ios-sficon-ask:before,
  .ion-ios-sficon-ask-circle:before,
  .ion-ios-sficon-ask-circle-outline:before,
  .ion-ios-sficon-ask-outline:before,
  .ion-md-sficon-ask:before,
  .ion-md-sficon-ask-circle:before,
  .ion-md-sficon-ask-circle-outline:before,
  .ion-md-sficon-ask-outline:before {
    font-size: 0.9em !important;
  }
  ion-menu.sidemenu {
    -webkit-transition: max-width 225ms cubic-bezier(0.4, 0, 0.2, 1);
    transition: max-width 225ms cubic-bezier(0.4, 0, 0.2, 1);
    border: none !important;
  }
  .responsive-width:not(ion-content),
  ion-content.responsive-width > .scroll-content > * {
    margin-left: 18%;
    margin-right: 18%;
    max-width: 64%;
  }
  .responsive-width-mini:not(ion-content),
  ion-content.responsive-width-mini > .scroll-content > * {
    margin-left: 24%;
    margin-right: 24%;
    max-width: 52%;
  }
}

@media screen and (min-width: 1280px) {
  .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 {
    font-size: 150%;
    font-weight: 300;
  }
  .toolbar-md-primary .toolbar-background-md {
    border-bottom: 1px solid #ccc;
  }
  .responsive-width:not(ion-content),
  ion-content.responsive-width > .scroll-content > * {
    margin-left: 24%;
    margin-right: 24%;
    max-width: 52%;
  }
  .responsive-width-mini:not(ion-content),
  ion-content.responsive-width-mini > .scroll-content > * {
    margin-left: 30%;
    margin-right: 30%;
    max-width: 40%;
  }
  ion-label {
    font-size: 12px !important;
    font-family: "regular" !important;
  }
}

.select-modal {
  background: rgba(0, 0, 0, 0.5) !important;
  padding: 34vh 10% !important;
}

.spinner-wrapper-dynamic {
  text-align: center !important;
  height: 100%;
  z-index: 99999;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.3);
  width: 100%;
  top: 0;
  left: 0;
}

.spinner-wrapper-dynamic ion-spinner {
  top: 48%;
}

ion-icon.burger-notif.burger[name="menu"] {
  position: relative;
  max-width: unset !important;
}

.burger-notif::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 200px;
  background-color: #17DFC4;
  display: block;
  position: absolute;
  top: 0;
  right: -5px;
}

ion-split-pane {
  height: 100% !important;
}

ion-split-pane > .notif ion-icon[name="menu"] {
  position: relative;
}

ion-split-pane > .notif ion-icon[name="menu"]::after {
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 200px;
  background-color: #17DFC4;
  display: block;
  position: absolute;
  top: 0;
  right: 2px;
}

.sidenotif {
  position: relative;
}

.sidenotif::after {
  content: "";
  width: 10px;
  display: block;
  height: 10px;
  border-radius: 200px;
  background-color: #17DFC4;
  position: absolute;
  top: 1px;
  right: 0;
}

.splash-first {
  position: absolute;
  z-index: 99999999999;
  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;
  -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: 100vh;
  opacity: 0.98;
  background-color: white;
  margin-top: -2px;
}

.splash-first img {
  width: 185px;
  height: 125px;
  max-width: 90%;
  -o-object-fit: contain;
  object-fit: contain;
}

.splash-first p {
  margin: 0;
  font-size: 24px;
  text-align: center;
}

.footer-splash {
  position: absolute;
  z-index: 99999999999;
  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-color: white;
  bottom: 0px;
  overflow: hidden;
}

.footer-splash .cloud-section {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 180%;
  min-height: 180%;
}

.footer-splash .powered-splash {
  position: absolute;
  width: 100%;
  bottom: 10px;
  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;
}

.footer-splash .powered-splash .text-section {
  text-align: right;
  font-family: roboto;
  font-size: 10px;
  font-weight: 300;
  width: 100px;
  color: white;
  margin-left: -50px;
}

.footer-splash .powered-splash .logo-section {
  width: 67px;
  margin-left: 3px;
}

.footer-splash .powered-splash .logo-section img {
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: -4px;
}

@media only screen and (min-width: 500px) and (min-height: 600px) {
  .footer-splash .cloud-section {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 110% !important;
    min-height: 110% !important;
  }
}

@media only screen and (min-width: 600px) and (min-height: 800px) {
  .splash-first img {
    max-height: 220px;
    max-width: 220px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  .footer-splash {
    bottom: -50px;
  }
  .footer-splash .cloud-section {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 110% !important;
    min-height: 110% !important;
  }
  .footer-splash .powered-splash {
    bottom: 50px;
  }
  .footer-splash .powered-splash .text-section {
    text-align: right;
    margin-left: -50px;
    margin-right: 10px;
    width: 100px;
    font-size: 18px;
  }
  .footer-splash .powered-splash .logo-section {
    width: 100px;
  }
}

@media only screen and (min-width: 700px) and (min-height: 800px) {
  .footer-splash {
    bottom: -150px;
  }
  .footer-splash .cloud-section {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 110% !important;
    min-height: 110% !important;
  }
  .footer-splash .powered-splash {
    bottom: 150px;
  }
}

@media only screen and (min-width: 700px) and (min-height: 900px) {
  .footer-splash {
    bottom: -150px;
  }
  .footer-splash .cloud-section {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 140% !important;
    min-height: 140% !important;
  }
  .footer-splash .powered-splash {
    bottom: 150px;
  }
}

@media only screen and (min-height: 700px) {
  .footer-splash .cloud-section {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 170%;
    min-height: 170%;
  }
}

.ceker {
  width: 100px;
  height: 100px;
  position: absolute;
  background: red;
}

.custom-toast .toast-wrapper {
  left: 10px;
  right: 10px;
  border-radius: 0.65rem;
  margin-bottom: 10px;
  margin-top: 10px;
  width: auto;
  background: #000 !important;
}

.toast-white .toast-wrapper {
  left: 10px;
  right: 10px;
  border-radius: 0.65rem;
  margin-bottom: 10px;
  margin-top: 10px;
  width: auto;
  background: white !important;
  -webkit-box-shadow: 0 3px 20px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 20px 2px rgba(0, 0, 0, 0.1);
  border-style: solid;
  border-width: 1px;
  border-color: #d2d1d1;
}

.toast-white .toast-message {
  color: black;
}

.toast-white .toast-button {
  color: dodgerblue;
}

.custom-toast-middle .toast-wrapper {
  left: 50px;
  right: 50px;
  border-radius: 0.65rem;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 50%;
  text-align: center;
  background: #000 !important;
}

.custom-action-sheet .action-sheet-group {
  border-radius: 16px 16px 0 0;
}

.new-menu {
  padding: 105px 50px;
  background-color: #192528;
}

.new-menu img {
  width: 24px;
  height: 24px;
  margin: 0;
  margin-right: 18px;
}

.new-menu ion-label.menu-group {
  text-align: start;
  font-size: 14px !important;
  font-family: "bold" !important;
  color: white !important;
  margin-bottom: 26px;
  text-transform: uppercase;
}

.new-menu button.hov {
  background-color: transparent;
  width: 100%;
}

.new-menu button.hov ion-label {
  text-align: start;
  color: white !important;
  overflow: visible;
}

@media screen and (min-width: 1280px) {
  .my-popover .popover-content {
    margin-left: -120px;
    margin-top: 30px;
  }
}

.my-popover .popover-content {
  width: 1501x !important;
  border-radius: 10px;
  -webkit-transform: scale(0.8) !important;
  transform: scale(0.8) !important;
  margin-left: -42px;
  margin-top: 35px;
  /* -webkit-box-shadow: 0 0px 24px 0px rgba(0, 0, 0, 0.2) !important; */
  /* box-shadow: 0 0px 24px 0px rgba(0, 0, 0, 0.2) !important; */
  overflow: visible;
  -webkit-transform-origin: right top !important;
  -webkit-box-shadow: 0px -2px 50px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px -2px 50px 0px rgba(0, 0, 0, 0.2);
  transform-origin: right top !important;
}

.my-popover .popover-content:before {
  content: "";
  background: white;
  width: 25px;
  height: 25px;
  /* transform: translate(50%, 50%); */
  -webkit-transform: translate(-50%, -50%) rotate(45deg) skew(6deg, 6deg);
  transform: translate(-50%, -50%) rotate(45deg) skew(6deg, 6deg);
  right: 7px;
  /* right: -16px; */
  /* left: 100px; */
  position: absolute;
  left: 10;
}

.popover-radius .popover-content {
  border-radius: 10px;
}

.custom-popover .popover-content {
  width: 270px !important;
  border-radius: 10px;
  margin-top: 60px;
  margin-left: -20px;
  -webkit-box-shadow: 0 7px 30px 0px rgba(0, 0, 0, 0.24) !important;
  box-shadow: 0 7px 30px 0px rgba(0, 0, 0, 0.24) !important;
  overflow: visible;
  -webkit-transform-origin: left top !important;
  transform-origin: left top !important;
}

.custom-popover .popover-content:before {
  content: "";
  width: 14px;
  height: 14px;
  position: absolute;
  left: 29px;
  -webkit-transform: translate(-50%, -50%) rotate(45deg) skew(6deg, 6deg);
  transform: translate(-50%, -50%) rotate(45deg) skew(6deg, 6deg);
  background-color: white;
}

.custom-popover .more .action-sheets-basic-page {
  border-radius: 20px 20px 0px 0px !important;
}

.rounded-popover ion-backdrop {
  opacity: 0.2;
}

.rounded-popover .popover-content {
  width: 270px !important;
  border-radius: 10px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transform-origin: center !important;
  transform-origin: center !important;
}

.ion-segment {
  border-bottom: 1px solid #ffbc7a !important;
}

.ion-segment .segment-button.segment-activated {
  background: #fff !important;
  color: #fbac5e !important;
  border-radius: 0px 0px 0px 0px !important;
  border-bottom: 2px solid #fbac5e !important;
}

.introjs-helperLayer {
  mix-blend-mode: overlay !important;
  border: 1px solid rgba(0, 0, 0, 0.5);
}

.introjs-progressbar {
  background-color: #ff9800 !important;
}

.introjs-disabled,
.introjs-disabled:hover,
.introjs-disabled:focus {
  color: #9a9a9a;
}

.introjs-button:focus,
.introjs-button:active {
  color: #ff9800;
}

.introjs-bullets ul li a.active {
  background: #ff9800 !important;
}

.introjs-bullets ul li a {
  width: 10px !important;
  height: 5px !important;
}

.introjs-tooltip {
  margin-left: 10px !important;
  border-radius: 5px;
  padding-bottom: 20px !important;
  margin-bottom: 10px;
}

.introjs-tooltiptext {
  font-family: sans-serif;
  font-size: 12px;
}

.introjs-button {
  background: none !important;
  border: none !important;
  outline: none !important;
}

a.introjs-button.introjs-nextbutton {
  color: #F68A22 !important;
}

.introjs-tooltipbuttons {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

a.introjs-button.introjs-skipbutton {
  margin-right: auto;
}

.introjs-bullets {
  position: absolute !important;
  /* bottom: 11px !important; */
  left: 8px !important;
  /* top: 33px; */
  -webkit-transform: translate(100%, 100%) !important;
  transform: translate(0%, 0%) !important;
  padding: 2px !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;
}

.introjs-overlay {
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.67) 0, rgba(0, 0, 0, 0.78) 100%) !important;
}

.introjs-disabled {
  display: none !important;
}

a.introjs-button.introjs-skipbutton.introjs-donebutton {
  text-align: right;
  -webkit-box-pack: right;
  -webkit-justify-content: right;
  -ms-flex-pack: right;
  justify-content: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translate(270%, 0%);
  transform: translate(270%, 0%);
  color: #F68A22 !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
  -ms-flex: none !important;
  flex: none !important;
}

a.introjs-button.introjs-skipbutton {
  margin-right: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1 !important;
  -webkit-flex: auto !important;
  -ms-flex: auto !important;
  flex: auto !important;
}

a.introjs-button.introjs-prevbutton {
  /* text-align: right; */
  /* display: flex; */
  display: none;
}

.introjs-tooltipbuttons {
  text-align: right;
  white-space: nowrap;
  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;
  margin-bottom: -10px;
}

.invisible-spinner svg {
  display: none !important;
}

ion-footer {
  padding-bottom: 5px !important;
}

ion-buttons[npb] {
  width: auto !important;
}

div[blink] {
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-animation: mymove infinite;
  animation: mymove infinite;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
}

@-webkit-keyframes mymove {
  from {
    opacity: 10%;
  }
  to {
    opacity: 100%;
  }
}

@keyframes mymove {
  from {
    opacity: 10%;
  }
  to {
    opacity: 100%;
  }
}

.wysiwyg-viewer p {
  margin: 4px 0 !important;
}

.wysiwyg-viewer p:first-child {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
}

.wysiwyg-viewer p:nth-child(n + 2) {
  display: none;
}

.wysiwyg-viewer ul,
.wysiwyg-viewer ol {
  margin: 4px 0 !important;
  padding-left: 0;
}

.wysiwyg-viewer ul li,
.wysiwyg-viewer ol li {
  list-style-position: inside;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.wysiwyg-viewer ul li:nth-child(n + 3),
.wysiwyg-viewer ol li:nth-child(n + 3) {
  display: none;
}

.back-button.show-back-button [disable_back] {
  display: none !important;
}

[gdx-note] {
  padding: 16px;
  border-radius: 10px;
  background-color: rgba(246, 138, 34, 0.2);
}

[gdx-note] p {
  font-size: 12px !important;
  color: #F0624D;
}

[gdx-note] [note-title] {
  font-size: 14px !important;
  margin-bottom: 4px;
  font-family: "bold" !important;
  text-transform: capitalize;
}

[gdx-note][success] {
  background-color: rgba(43, 179, 77, 0.2) !important;
}

[gdx-note][success] p {
  color: #2BB34D !important;
}

[gdx-badge] {
  border-radius: 12px;
  padding: 4px 8px;
}

[gdx-badge][success] {
  border: 1px solid #2BB34D;
  background-color: rgba(43, 179, 77, 0.2) !important;
}

[gdx-badge][success] ion-label {
  color: #2BB34D !important;
  font-size: 10px !important;
}

.alert-badge {
  display: block !important;
  min-width: 3px;
  width: 7px;
  height: 7px;
  border-radius: 100px;
  position: absolute;
  top: -3px;
  right: -1px;
  line-height: unset;
  padding: 0;
  background: #F0624D !important;
}

[toolbar-justify-center] .toolbar-content.toolbar-content-md {
  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;
}

gdx-loading + * {
  margin-left: 6px !important;
}

.picker-wrapper .picker-opts button {
  min-width: 34px !important;
  overflow: visible !important;
  text-overflow: unset !important;
}

@media screen and (min-width: 768px) {
  .offline-modal .modal-wrapper {
    left: 50% !important;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) !important;
    transform: translate(-50%, -50%) !important;
  }
}

.alert-report .alert-button-group .alert-button:first-child {
  background-color: white;
  border: 2px solid #F68A22;
  color: #F68A22;
  width: 92px;
}

.alert-report .alert-button-group .alert-button:first-child .button-inner {
  text-align: center;
}

.alert-report .alert-button-group .alert-button:last-child {
  background-color: #F68A22;
  color: white;
  width: 92px;
}

.alert-report .alert-button-group .alert-button:last-child .button-inner {
  text-align: center;
}

.intercom-lightweight-app-launcher {
  display: none !important;
}

.new-home.split-pane > :not(ion-menu.menu-enabled) + ion-nav.menu-content > .ion-page ion-content[content-margin].content-md .fixed-content {
  margin-top: 56px;
}

.new-home.split-pane > :not(ion-menu.menu-enabled) + ion-nav.menu-content > .ion-page ion-content[content-margin].content-md .scroll-content {
  margin-top: 56px;
}

.new-home.split-pane > :not(ion-menu.menu-enabled) + ion-nav.menu-content > .ion-page ion-content[content-margin].content-ios .fixed-content {
  margin-top: 44px;
}

.new-home.split-pane > :not(ion-menu.menu-enabled) + ion-nav.menu-content > .ion-page ion-content[content-margin].content-ios .scroll-content {
  margin-top: 44px;
}

.new-home.split-pane > :not(ion-menu.menu-enabled) + ion-nav.menu-content > .ion-page ion-header[padding-modal] ion-navbar {
  padding-right: 30px;
}

#map_canvas, #pano_canvas {
  height: 100%;
}

.smallPanel {
  margin: 10px;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 2 !important;
  font-size: 25px;
}

ion-header.header-global gd-avatar ion-avatar {
  margin: 0 !important;
}

ion-nav.sf7-nav {
  height: calc(100vh - 68px);
  margin-top: 0;
}

.tabs-app {
  background: #f4f4f4;
  width: 100%;
  height: 68px;
  z-index: 99;
  position: absolute;
  bottom: 0;
  -webkit-box-shadow: 1px 1px 5px 2px rgba(138, 138, 138, 0.47);
  box-shadow: 1px 1px 5px 2px rgba(138, 138, 138, 0.47);
  background: #f8f8f8;
}

.tabs-app .tab-menu .inbox-menu {
  position: relative;
}

.tabs-app .tab-menu .inbox-menu .red-notif {
  position: absolute;
  z-index: 2;
  background: #F0624D;
  min-width: 20px;
  height: 20px;
  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;
  color: #f4f4f4;
  border-radius: 100px;
  padding: 4px;
  font-size: 12px;
  right: -16px;
  top: -3px;
}

.tabs-app ion-icon {
  font-size: 26px;
}

.tabs-app ion-label, .tabs-app ion-icon {
  color: #222;
  margin: 0;
}

.tabs-app .activeTab ion-label, .tabs-app .activeTab ion-icon {
  color: #F68A22 !important;
}

.tabs-app .activeTab svg-icon svg * {
  fill: unset;
}

ion-menu.sidemenu img[grd-icon-menu] {
  height: 30px;
  width: 30px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0px !important;
}

@media screen and (max-width: 768px) {
  ion-menu.sidemenu img[grd-icon-menu] {
    height: 30px;
    width: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: invert(50%) sepia(4%) saturate(5%) hue-rotate(342deg) brightness(99%) contrast(87%) !important !important;
    filter: invert(50%) sepia(4%) saturate(5%) hue-rotate(342deg) brightness(99%) contrast(87%) !important !important;
  }
}

@media screen and (min-width: 768px) {
  ion-menu.sidemenu .sidenotif {
    position: relative;
  }
  ion-menu.sidemenu .sidenotif::after {
    content: "";
    width: 10px;
    display: block;
    height: 10px;
    border-radius: 200px;
    background-color: #17DFC4;
    position: absolute;
    top: 1px;
    right: -7px;
  }
  ion-menu.sidemenu .item-md .sub-icon img[grd-icon-menu] {
    height: 30px;
    width: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0px -7px 0px 15px !important;
    -webkit-filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(251deg) brightness(106%) contrast(101%);
    filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(251deg) brightness(106%) contrast(101%);
  }
  ion-menu.sidemenu .sub-text2 {
    margin-left: -1rem !important;
  }
  ion-menu.sidemenu ion-icon {
    text-align: left;
  }
  ion-menu.sidemenu ion-menu.sidemenu ion-content {
    max-width: 70px;
  }
  ion-menu.sidemenu ion-icon:first-child {
    max-width: 0px !important;
  }
  ion-menu.sidemenu .list {
    background: #F68A22 !important;
  }
  ion-menu.sidemenu .sm-ttl {
    display: none;
  }
  ion-menu.sidemenu .item-inner {
    border: none !important;
  }
  ion-menu.sidemenu .data-employee {
    text-align: left;
    width: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    text-transform: capitalize !important;
    float: left;
  }
  ion-menu.sidemenu #name {
    font-weight: 400 !important;
    font-size: 120% !important;
    width: 8em !important;
    white-space: unset !important;
  }
  ion-menu.sidemenu #company {
    display: none;
  }
  ion-menu.sidemenu #job {
    font-size: 100% !important;
    font-weight: 300 !important;
    width: 8em !important;
    overflow: hidden;
    white-space: unset;
    opacity: 0.7;
  }
  ion-menu.sidemenu .sub-text {
    font-size: 90% !important;
    font-weight: 300 !important;
  }
  ion-menu.sidemenu .sub-text,
  ion-menu.sidemenu .exit-text,
  ion-menu.sidemenu .sm-ttl {
    color: #fff !important;
  }
  ion-menu.sidemenu .burger {
    display: block !important;
    font-size: 170% !important;
    margin-bottom: 0.5em;
  }
  ion-menu.sidemenu .foto-div {
    width: 3em !important;
    height: 3em !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    float: left;
    margin-left: 1em !important;
  }
  ion-menu.sidemenu ion-icon[class^="ion-md-sficon-"]:before,
  ion-menu.sidemenu ion-icon[class*=" ion-md-sficon-"]:before,
  ion-menu.sidemenu ion-icon[class^="ion-ios-sficon-"]:before,
  ion-menu.sidemenu ion-icon[class*=" ion-ios-sficon-"]:before {
    font-size: 100% !important;
    margin-left: 0.35em;
  }
  ion-menu.sidemenu .avatar-desc {
    float: left;
    margin-left: 1.3em !important;
    width: 16em;
  }
  ion-menu.sidemenu .sub-text,
  ion-menu.sidemenu .avatar-desc,
  ion-menu.sidemenu .input-wrapper,
  ion-menu.sidemenu .item-inner {
    margin-left: 0.5em;
  }
  ion-menu.sidemenu .sub-text2 {
    margin-left: -0.5rem !important;
  }
  ion-menu.sidemenu .foto-wrapper {
    position: relative;
    margin-bottom: 1em !important;
    width: 30em;
    float: left;
  }
  ion-menu.sidemenu .background-top {
    padding-top: 1em !important;
    padding-bottom: 0px !important;
  }
  ion-menu.sidemenu ion-thumbnail {
    margin: 0 !important;
  }
  ion-menu.sidemenu .list-md,
  ion-menu.sidemenu .item-md,
  ion-menu.sidemenu .exit-container,
  ion-menu.sidemenu .sub-icon,
  ion-menu.sidemenu .ion-ios-menu:before {
    background-color: transparent;
    color: #fff !important;
  }
  ion-menu.sidemenu .ion-ios-menu:before {
    margin-left: 1.1em;
  }
  ion-menu.sidemenu .sub-icon {
    float: left !important;
  }
  ion-menu.sidemenu .ver-num {
    display: none;
  }
  ion-menu.sidemenu .justline {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    float: right;
    border-bottom: 0.8px solid #dc7109;
    background-color: #F68A22 !important;
  }
  ion-menu.sidemenu .element {
    background-color: #F68A22 !important;
    padding: 0px !important;
    width: 100% !important;
    text-align: center !important;
  }
  ion-menu.sidemenu .element button .exit-container {
    color: #F68A22;
  }
  ion-menu.sidemenu .element button .exit-text {
    border-bottom: 0px !important;
    color: #F68A22;
  }
  ion-menu.sidemenu .item-md [item-left],
  ion-menu.sidemenu .item-md [item-right],
  ion-menu.sidemenu .item-md [item-start],
  ion-menu.sidemenu .item-md [item-end] {
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0.3em;
  }
  ion-menu.sidemenu .item-ios ion-icon[item-left],
  ion-menu.sidemenu .item-ios ion-icon[item-right],
  ion-menu.sidemenu .item-ios ion-icon[item-start],
  ion-menu.sidemenu .item-ios ion-icon[item-end] {
    margin-left: 0.3em;
  }
}

@media screen and (min-width: 768px) {
  ion-menu.sidemenu {
    /*--- please use shorter query like bellow: (by: rpsh) ---*/
  }
  ion-menu.sidemenu img[grd-icon-menu] {
    height: 30px;
    width: 30px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(251deg) brightness(106%) contrast(101%);
    filter: invert(100%) sepia(0%) saturate(2%) hue-rotate(251deg) brightness(106%) contrast(101%);
  }
  ion-menu.sidemenu .sub-text2 {
    margin-left: -0.8rem !important;
  }
  ion-menu.sidemenu ion-icon {
    text-align: left;
  }
  ion-menu.sidemenu ion-menu.sidemenu ion-content {
    max-width: 70px;
  }
  ion-menu.sidemenu ion-icon.sub-icon:first-child {
    max-width: 0px !important;
    width: 30px;
    margin-left: 18px !important;
  }
  ion-menu.sidemenu ion-icon.sub-icon:before {
    margin-left: 0.1em !important;
  }
  ion-menu.sidemenu ion-icon:first-child {
    max-width: 0px !important;
  }
  ion-menu.sidemenu .list {
    background: #F68A22 !important;
  }
  ion-menu.sidemenu .sm-ttl {
    display: none;
  }
  ion-menu.sidemenu .item-inner {
    border: none !important;
  }
  ion-menu.sidemenu .data-employee {
    text-align: left;
    width: 100% !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis !important;
    text-transform: capitalize !important;
    float: left;
  }
  ion-menu.sidemenu #name {
    font-weight: 400 !important;
    font-size: 120% !important;
    width: 60% !important;
    white-space: unset !important;
  }
  ion-menu.sidemenu #company {
    display: none;
  }
  ion-menu.sidemenu #job {
    font-size: 100% !important;
    font-weight: 300 !important;
    width: 60% !important;
    overflow: hidden;
    white-space: unset;
    opacity: 0.7;
  }
  ion-menu.sidemenu .sub-text {
    font-size: 90% !important;
    font-weight: 300 !important;
  }
  ion-menu.sidemenu .sub-text,
  ion-menu.sidemenu .exit-text,
  ion-menu.sidemenu .sm-ttl {
    color: #fff !important;
  }
  ion-menu.sidemenu .burger {
    display: block !important;
    font-size: 170% !important;
    margin-bottom: 0.5em;
  }
  ion-menu.sidemenu .foto-div {
    width: 3em !important;
    height: 3em !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
    float: left;
    margin-left: 1em !important;
  }
  ion-menu.sidemenu ion-icon[class^="ion-md-sficon-"]:before,
  ion-menu.sidemenu ion-icon[class*=" ion-md-sficon-"]:before,
  ion-menu.sidemenu ion-icon[class^="ion-ios-sficon-"]:before,
  ion-menu.sidemenu ion-icon[class*=" ion-ios-sficon-"]:before {
    font-size: 100% !important;
    margin-left: 0.7em;
  }
  ion-menu.sidemenu .item-ios ion-icon[item-left],
  ion-menu.sidemenu .item-ios ion-icon[item-right],
  ion-menu.sidemenu .item-ios ion-icon[item-start],
  ion-menu.sidemenu .item-ios ion-icon[item-end] {
    margin-left: 0.7em;
  }
  ion-menu.sidemenu .avatar-desc {
    float: left;
    margin-left: 1.3em !important;
    width: 16em;
  }
  ion-menu.sidemenu .sub-text,
  ion-menu.sidemenu .avatar-desc,
  ion-menu.sidemenu .input-wrapper,
  ion-menu.sidemenu .item-inner {
    margin-left: 0.5em;
  }
  ion-menu.sidemenu .sub-text2 {
    margin-left: -0.5rem !important;
  }
  ion-menu.sidemenu .foto-wrapper {
    margin-bottom: 1em !important;
    width: 30em;
    float: left;
  }
  ion-menu.sidemenu .background-top {
    padding-top: 1em !important;
    padding-bottom: 0px !important;
  }
  ion-menu.sidemenu ion-thumbnail {
    margin: 0 !important;
  }
  ion-menu.sidemenu .list-md,
  ion-menu.sidemenu .item-md,
  ion-menu.sidemenu .exit-container,
  ion-menu.sidemenu .sub-icon,
  ion-menu.sidemenu .ion-ios-menu:before {
    background-color: transparent;
    color: #fff !important;
  }
  ion-menu.sidemenu .ion-ios-menu:before {
    margin-left: 1.1em;
  }
  ion-menu.sidemenu .sub-icon {
    float: left !important;
  }
  ion-menu.sidemenu .ver-num {
    display: none;
  }
  ion-menu.sidemenu .justline {
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    float: right;
    border-bottom: 0.8px solid #dc7109;
    background-color: #F68A22 !important;
  }
  ion-menu.sidemenu .element {
    background-color: #F68A22 !important;
    padding: 0px !important;
    width: 100% !important;
    text-align: center !important;
  }
  ion-menu.sidemenu .element button .exit-container {
    color: #F68A22;
  }
  ion-menu.sidemenu .element button .exit-text {
    border-bottom: 0px !important;
    color: #F68A22;
  }
  ion-menu.sidemenu .item-md [item-left],
  ion-menu.sidemenu .item-md [item-right],
  ion-menu.sidemenu .item-md [item-start],
  ion-menu.sidemenu .item-md [item-end] {
    margin-top: 0px;
    margin-bottom: 0px;
  }
}

@media screen and (min-width: 1300px) {
  ion-menu.sidemenu {
    /*--- please use shorter query like bellow: (by: rpsh) ---*/
  }
  ion-menu.sidemenu ion-icon[class^="ion-md-sficon-"]:before,
  ion-menu.sidemenu ion-icon[class*=" ion-md-sficon-"]:before,
  ion-menu.sidemenu ion-icon[class^="ion-ios-sficon-"]:before,
  ion-menu.sidemenu ion-icon[class*=" ion-ios-sficon-"]:before {
    font-size: 110% !important;
    margin-left: 0.4em;
  }
  ion-menu.sidemenu #name {
    font-size: 150% !important;
  }
  ion-menu.sidemenu #job {
    font-size: 120% !important;
  }
  ion-menu.sidemenu .sub-text {
    font-size: 14px !important;
  }
  ion-menu.sidemenu .data-employee {
    width: 190px;
  }
}

ion-menu.sidemenu .burger {
  display: none;
}

ion-menu.sidemenu .avatar-desc {
  text-align: center;
}

ion-menu.sidemenu ion-content.new {
  background-color: #424242;
}

ion-menu.sidemenu ion-content.new .scroll-content {
  overflow: hidden;
}

ion-menu.sidemenu ion-avatar {
  margin: 0px 15px 0px 0px;
}

ion-menu.sidemenu .profile {
  background-color: #7f7f7f;
}

ion-menu.sidemenu .element {
  padding-left: 10px;
}

ion-menu.sidemenu .element button .exit-container {
  color: #F68A22;
}

ion-menu.sidemenu .element button .exit-text {
  border-bottom: 0px !important;
  color: #F68A22;
}

ion-menu.sidemenu .list {
  background: #ffffff;
}

ion-menu.sidemenu .background-top {
  padding-top: 10px;
  background-color: #F68A22;
  padding-bottom: 10px;
}

ion-menu.sidemenu .background-top ion-thumbnail {
  margin-top: 20px;
}

ion-menu.sidemenu .background-top ion-thumbnail p.data-full-name {
  font-size: 20px !important;
}

ion-menu.sidemenu .item-md ion-icon[item-left] + .item-inner,
ion-menu.sidemenu .item-md ion-icon[item-left] + .item-input,
ion-menu.sidemenu .item-md ion-icon[item-start] + .item-inner,
ion-menu.sidemenu .item-md ion-icon[item-start] + .item-input {
  margin-left: 12px;
}

ion-menu.sidemenu .listFontColor {
  color: #efefef;
}

ion-menu.sidemenu .listNormal {
  background-color: transparent;
}

ion-menu.sidemenu .listFooter {
  background-color: black;
}

ion-menu.sidemenu .image-cropper {
  max-width: 9.5rem;
  max-height: 9.5rem;
  position: relative;
  overflow: hidden;
}

ion-menu.sidemenu .foto-div {
  width: 8em;
  height: 8em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin: 0 auto;
  margin-top: 1.3em;
  border: 10px solid #f57d0a;
  -webkit-box-shadow: 0 0 0 10px #dc7109;
  box-shadow: 0 0 0 10px #dc7109;
  background-color: #fff !important;
}

ion-menu.sidemenu img {
  display: inline;
  margin: 0 auto;
}

ion-menu.sidemenu ion-img {
  display: inline;
  margin: 0 auto;
}

ion-menu.sidemenu ion-thumbnail div {
  margin-top: 0 !important;
}

ion-menu.sidemenu ion-thumbnail p {
  margin: 0 auto;
  font-size: 0.8em;
  margin-top: 5px;
  color: #ffffff;
}

ion-menu.sidemenu .scroll-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;
}

ion-menu.sidemenu #cloud-layer {
  background-image: url(../assets/images/cloud-layer.png);
  background-size: cover;
  width: 100%;
  height: 100%;
}

ion-menu.sidemenu ion-item {
  border-radius: 0 !important;
  padding-left: 10px !important;
  background-color: #fff;
  opacity: 0.7;
  font-size: 0.9em;
  border-bottom: 1px solid #cfd8dc;
}

ion-menu.sidemenu ion-item .item-inner {
  border-bottom: 0px solid #cfd8dc;
}

ion-menu.sidemenu ion-list-header {
  border-radius: 0 !important;
  padding-left: 10px !important;
  background-color: #fff;
  opacity: 0.7;
  font-size: 0.9em;
}

ion-menu.sidemenu .b {
  background-color: blue;
}

ion-menu.sidemenu .list-header-md {
  margin-bottom: 0;
  border-top: 0 solid #ffffff;
}

ion-menu.sidemenu .ver-num {
  font-size: 0.7em !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  letter-spacing: 3pt;
  color: #808080;
}

ion-menu.sidemenu .ionic-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  font-size: 0.8em !important;
  background-color: transparent;
  margin: 0 auto;
  margin-top: 2px;
  color: #fff;
  opacity: 1 !important;
  margin-top: -8px;
}

ion-menu.sidemenu .ion-select {
  padding: 0px -1px 10px 10px;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  color: #fff;
  width: 100%;
}

ion-menu.sidemenu ion-select {
  text-align: center !important;
  margin: 0 auto;
  background-color: transparent !important;
  width: 100px;
}

ion-menu.sidemenu ion-select .select-icon-inner {
  color: #fff !important;
  width: 100px;
  right: 0px;
}

ion-menu.sidemenu ion-select .select-icon {
  position: absolute;
  width: 7px;
  height: 19px;
  right: 0px;
  margin-right: 65px;
}

ion-menu.sidemenu ion-select .select-text {
  color: #fff !important;
  text-overflow: ellipsis;
  margin-left: -15px;
  margin-right: -5px;
}

ion-menu.sidemenu ion-select .select-ios {
  position: absolute;
  padding: 11px 8px 11px -7px !important;
}

ion-menu.sidemenu .close-button {
  float: right;
  margin-right: 0.5em;
  font-size: 2.5em;
  color: #fff;
}

ion-menu.sidemenu ion-avatar {
  width: 2em;
  height: 2em;
  padding: 0px;
}

ion-menu.sidemenu .notification-button {
  position: relative;
  width: 12px;
  top: 1px;
  overflow: visible !important;
}

ion-menu.sidemenu .notifications-badge {
  position: relative;
  top: -6px;
  border-radius: 120px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  font-size: 0.7em;
  font-weight: 100;
}

.toast-frame {
  position: fixed;
  bottom: 16px;
  right: 16px;
  width: calc(100% - 32px);
  max-width: 400px;
  background-color: transparent;
}

.toast-frame .toast-relative {
  position: relative;
}

.toast-frame .toast-relative .toast-limit {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
}

.intercom-launcher-frame {
  display: none !important;
}

iframe.intercom-borderless-frame.intercom-6idf9y.eqgwjwo0 {
  background: antiquewhite !important;
  -webkit-box-shadow: 0px 5px 10px silver;
  box-shadow: 0px 5px 10px silver;
  border-radius: 10px;
  border: 1px solid whitesmoke;
}

iframe.intercom-borderless-frame.intercom-1ikhsyz.eqgwjwo0 {
  background: antiquewhite !important;
  -webkit-box-shadow: 0px 5px 10px silver;
  box-shadow: 0px 5px 10px silver;
  border-radius: 10px;
  border: 1px solid whitesmoke;
}

iframe.intercom-launcher-badge-frame.intercom-s06fua.e1loc0kc0 {
  display: none;
}

approval-list-component .title-form-component {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

approval-list-component .col-right-component {
  text-align: right;
}

approval-list-component .list-waiting-approval-component ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

approval-list-component .text-ellipsis-component {
  width: 220px;
  white-space: normal;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

@media screen and (max-width: 360px) {
  approval-list-component .text-ellipsis-component {
    width: 100% !important;
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    text-transform: capitalize !important;
  }
}

approval-list-component .text-reject-note-component {
  white-space: normal !important;
  padding: 5px;
}

approval-list-component .action-icon svg-icon.new-icon svg path,
approval-list-component .action-icon svg-icon.new-icon svg line,
approval-list-component .action-icon svg-icon.new-icon svg ellipse,
approval-list-component .action-icon svg-icon.new-icon svg polyline,
approval-list-component .action-icon svg-icon.new-icon svg polygon,
approval-list-component .action-icon svg-icon.new-icon svg circle,
approval-list-component .action-icon svg-icon.new-icon svg rect {
  stroke: #A5B0B7 !important;
}

approval-list-component .form-section {
  margin-bottom: 16px;
}

approval-list-component .form-section .caption {
  font-size: 12px !important;
  font-family: bold !important;
  color: #A5B0B7 !important;
  margin-bottom: 8px;
}

approval-list-component .form-section .value-box {
  position: relative;
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 4px;
}

approval-list-component .form-section .value-box ion-label {
  padding: 0 8px;
}

approval-list-component .form-section .value-box ion-select {
  width: 100%;
  max-width: unset;
  float: unset !important;
}

page-file-upload-component .align-left {
  float: left !important;
  padding: 0;
}

page-file-upload-component .align-left-2 {
  float: left !important;
  margin-left: 10px !important;
}

page-file-upload-component .align-right {
  float: right !important;
  text-align: right;
}

page-fingerprint ion-header .toolbar-background {
  background-color: white;
}

page-fingerprint .header-md::after {
  background-image: none;
}

page-fingerprint .container .logo-section img {
  width: 200px;
}

page-fingerprint .container .form-section .fingerprint {
  width: 55px;
}

formula-autocomplete-list .dropdown-menu {
  display: block;
  max-height: 150px;
  overflow-y: auto;
}

formula-autocomplete-list li {
  list-style-type: none;
  cursor: pointer;
}

formula-autocomplete-list li:hover {
  background: grey;
}

formula-autocomplete-list .formula-list {
  font-size: 12px;
  color: black;
}

formula-autocomplete-list .formula-list-desc {
  font-size: 10px;
  color: slategray;
}

formula-autocomplete-list .item:hover {
  background: #dddddd;
}

formula-autocomplete-list .item {
  margin-top: -10px;
}

gd-attendance-board .skeleton {
  width: 60px;
  height: 18px;
  border-radius: 4px;
}

gd-attendance-board .icon-wrapper {
  cursor: pointer;
}

gd-attendance-board .time-box {
  margin-top: 16px;
}

gd-attendance-board .time-box .time-detail p {
  font-size: 12px !important;
  color: #A5B0B7;
  margin: 0;
  margin-bottom: 4px;
}

gd-attendance-board .time-box .time-detail h2 {
  font-size: 20px !important;
  margin: 0;
}

gd-attendance-board .time-box .devider {
  width: 1px;
  background-color: #dbdbe1;
  height: 40px;
  margin: 0 10px;
}

gd-attendance-board .time-box .start-box h2 {
  color: #2BB34D;
}

gd-attendance-board .time-box .end-box h2 {
  color: #F0624D;
}

gd-attendance-board .time-box .time-head {
  padding: 12px;
  background-color: #f6f8f99d;
  border-top: 1px solid #dbdbe1;
  border-left: 1px solid #dbdbe1;
  border-right: 1px solid #dbdbe1;
}

gd-attendance-board .time-box .time-head ion-label {
  text-align: left !important;
}

gd-attendance-board .time-box .time-head .time-complete {
  color: #1a73e8 !important;
}

gd-attendance-board .time-box .time-head .log-box ion-label {
  color: #A5B0B7 !important;
}

gd-attendance-board .time-box .time-head ion-icon {
  font-size: 16px !important;
  color: #222 !important;
}

gd-attendance-board .time-box .attendance .avatar .skeleton {
  width: 40px;
  height: 40px;
  border-radius: 200px;
}

gd-attendance-board .time-box .attendance .img-box {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  background-color: #A5B0B7;
  overflow: hidden;
}

gd-attendance-board .time-box .attendance .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

gd-attendance-board .time-box .attendance .fingerprint {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}

gd-attendance-board .time-box .record-area {
  margin-top: 16px;
}

gd-attendance-board .time-box .record-area .note {
  margin-top: 0;
  color: #A5B0B7 !important;
}

gd-attendance-board .time-box .record-area gdx-button {
  width: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

gd-attendance-board .time-box .record-area gdx-button button {
  width: 100%;
}

@media screen and (min-width: 1280px) {
  gd-attendance-board .time-box .time-detail {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  gd-attendance-board .time-box .time-head {
    padding: 8px 16px;
  }
  gd-attendance-board .time-box .record-area {
    padding: 0 16px 0 16px;
  }
  gd-attendance-board .time-box .record-area gdx-button {
    width: 100%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  gd-attendance-board .time-box .record-area gdx-button button {
    width: 100%;
  }
  gd-attendance-board .time-box .attendance {
    width: 100%;
    padding: 0 16px 16px;
  }
}

gd-attendance-board .loading-record-time {
  background-color: #8cc63f;
  width: 44px;
  height: 44px !important;
  border-radius: 50%;
  text-align: center;
  line-height: 61px;
}

gd-attendance-board .loading-record-time ion-spinner * {
  stroke: white;
}

gd-attendance-board .loading-record-time ion-spinner.spinner-circles circle,
gd-attendance-board .loading-record-time ion-spinner.spinner-bubbles circle,
gd-attendance-board .loading-record-time ion-spinner.spinner-dots circle {
  fill: white;
}

gd-attendance-board .time-wrapper {
  padding: 16px;
  border: 1px solid #dbdbe1;
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}

gd-attendance-board .time-wrapper .break-box {
  margin-top: 22px;
}

gd-attendance-board .time-wrapper .break-box .break-head {
  margin-bottom: 16px;
}

gd-attendance-board .time-wrapper .break-box .break-head .title {
  font-size: 20px !important;
  color: #222 !important;
  font-family: "bold" !important;
  margin-bottom: 8px;
}

gd-attendance-board .time-wrapper .break-box .break-head .desc {
  font-size: 12px !important;
  color: #A5B0B7 !important;
}

gd-attendance-board .time-wrapper .break-box .break-section {
  border-top: 1px solid #dbdbe1;
  padding: 16px 0;
}

gd-attendance-board .time-wrapper .break-box .break-section .break-time .break-label {
  font-size: 12px !important;
  margin-bottom: 8px;
  color: #A5B0B7 !important;
}

gd-attendance-board .time-wrapper .break-box .break-section .break-time .break-hour {
  font-size: 20px !important;
}

gd-attendance-board .time-wrapper .break-box .break-section .break-time .break-hour.in {
  color: #2BB34D !important;
}

gd-attendance-board .time-wrapper .break-box .break-section .break-time .break-hour.out {
  color: #F0624D !important;
}

gd-attendance-board .time-wrapper .break-box button {
  width: 100%;
  text-transform: capitalize;
}

gd-attendance-board .loadings {
  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;
}

gd-avatar .on-present {
  border: 1.5px solid #2BB34D !important;
}

gd-avatar .avatar {
  position: relative;
  width: 47px;
  height: 47px;
  border-radius: 200px;
}

gd-avatar .avatar ion-avatar {
  margin-right: 0 !important;
  padding: 3px;
  border: 1.5px solid transparent;
  border-radius: 200px;
  width: 47px !important;
  height: 47px !important;
}

gd-avatar .avatar ion-avatar img,
gd-avatar .avatar ion-avatar lazy-img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

gd-avatar .avatar ion-avatar lazy-img {
  width: 100% !important;
  height: 100% !important;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

gd-avatar .avatar ion-avatar .empty-state {
  background-color: #E2E9ED;
  border-radius: 200px;
  width: 100%;
  height: 100%;
}

gd-avatar .avatar ion-avatar .empty-state p {
  color: #a5b0b7;
  font-family: "regular";
  font-size: 16px;
  text-transform: capitalize;
}

gd-avatar .avatar .popover {
  position: absolute;
  top: -6px;
  right: -7px;
}

gd-avatar .avatar .popover img,
gd-avatar .avatar .popover lazy-img {
  width: 20px;
  height: 20px;
}

gd-avatar .avatar .popover lazy-img {
  width: 20px;
  height: 20px;
}

gd-avatar .avatar .achievement {
  position: absolute;
  right: -5px;
  bottom: -8px;
}

gd-avatar[no-ring] ion-avatar {
  margin: 0 !important;
  padding: 0;
  border: none;
}

gd-avatar[no-ring] ion-avatar.on-present {
  border: none;
}

gd-avatar .skeleton .skeleton-avatar {
  width: 42px;
  height: 42px;
  border-radius: 200px;
}

gd-emp-list .alert-md .select-alert .multiple-select-alert {
  opacity: 0 !important;
}

gd-emp-list .toggle-select .item-inner {
  margin-left: 0em !important;
  border-bottom: none !important;
}

gd-emp-list .select-filter {
  position: absolute;
  right: 16px;
}

gd-emp-list .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

gd-emp-list .item-cover {
  height: unset;
}

gd-emp-list .header-box .switch {
  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;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media screen and (min-width: 768px) {
  gd-emp-list .header-box .switch svg rect {
    fill: #F68A22;
  }
}

gd-emp-list .header-box .add {
  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;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media screen and (min-width: 768px) {
  gd-emp-list .header-box .add svg > g > line {
    stroke: #F68A22;
  }
}

gd-emp-list .container-filter {
  position: relative;
  font-family: "Roboto" !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  height: auto;
  background-color: #ececec;
  padding-left: 18px;
  padding-right: 18px;
}

gd-emp-list .container-filter .filter-section {
  width: 100%;
  height: 100%;
}

gd-emp-list .container-filter .filter-section .new-filter {
  color: #F68A22;
}

gd-emp-list .container-filter .filter-section .add-filter {
  color: #F68A22;
}

gd-emp-list .container-filter .filter-section .clear-filter {
  color: #8e9093;
}

gd-emp-list .container-filter .category-section {
  margin-top: 10px;
  height: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

gd-emp-list .container-filter .category-section .category-list {
  position: relative;
  border: 1px solid #8e9093;
  color: #8e9093;
  background-color: white;
  border-radius: 20px;
  padding: 5px 15px 5px 15px;
  margin: 0px 8px 8px 0px;
}

gd-emp-list .container-filter .category-section .category-list .text {
  text-align: left;
}

gd-emp-list .container-filter .category-section .category-list .close {
  margin-left: 10px;
  font-weight: bold;
}

gd-emp-list .container-emp {
  position: relative;
  font-family: "Roboto" !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  height: auto;
  border-bottom: 1px solid #dbdbe1 !important;
  padding-left: 18px;
  padding-right: 18px;
}

gd-emp-list .container-emp .employee .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

gd-emp-list .container-emp .employee .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

gd-emp-list .container-emp .employee .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

gd-emp-list .container-emp .employee .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

gd-emp-list .container-emp .subordinate .subordinate-emp {
  position: relative;
  font-family: "Roboto" !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  width: 100%;
  margin-left: 60px;
  padding-right: 18px;
  border-top: 1px solid #dddddd;
  padding-top: 5px;
}

gd-emp-list .container-emp .subordinate .subordinate-emp .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

gd-emp-list .container-emp .subordinate .subordinate-emp .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

gd-emp-list .container-emp .subordinate .subordinate-emp .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

gd-emp-list .container-emp .subordinate .subordinate-emp .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

gd-emp-list .container-emp .subordinate .view-more {
  width: 100%;
  color: #F68A22;
  text-align: right;
}

gd-emp-list .container-emp-search {
  font-family: "Roboto" !important;
  height: 65px;
  padding-left: 18px;
  padding-right: 18px;
}

gd-emp-list .container-emp-search .profile {
  overflow: hidden;
  padding-left: 10px !important;
  display: block;
}

gd-emp-list .container-emp-search .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

gd-emp-list .container-emp-search .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

gd-emp-list .container-emp-search .profile .empNo {
  font-size: 14px;
  color: #F68A22;
  width: 100%;
  text-align: left;
}

gd-emp-list .group-search .box-list {
  -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: hidden;
}

gd-emp-list .group-search ion-label.group-name {
  color: #c5c9cc !important;
}

gd-emp-list .group-search ion-label {
  color: #F68A22 !important;
  padding-left: 18px;
}

gd-emp-list .group-search:last-child {
  margin-bottom: 30px;
}

gd-emp-list .button-funnel.button-ios,
gd-emp-list .button-funnel.button-md {
  color: white;
}

@media only screen and (min-width: 600px) {
  gd-emp-list .button-funnel.button-ios,
  gd-emp-list .button-funnel.button-md {
    color: #F68A22;
  }
}

gd-emp-list .skeleton-section {
  border-bottom: 1px solid #dbdbe1 !important;
}

gd-emp-list .skeleton-section .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

gd-emp-list .skeleton-section .chat-skeleton {
  height: 40px;
}

gd-emp-list .skeleton-section .chat-skeleton .username {
  background-color: #DEDEDE !important;
  margin: 25px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 60px;
  border-radius: 2px;
}

gd-emp-list .skeleton-section .chat-skeleton .slug {
  background-color: #DEDEDE !important;
  margin: 10px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 150px;
  border-radius: 2px;
}

gd-emp-list .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

gd-emp-list .emp-list-full .skeleton-section .avatar-skeleton {
  height: 42px;
  width: 42px;
  border-radius: 200px;
  margin: 8px 11px 8px 16px !important;
}

gd-emp-list .emp-list-full .skeleton-section .chat-skeleton {
  height: 85px !important;
  /* padding-left: 16px; */
}

gd-emp-list .icon-check {
  font-size: 2.2em;
}

gd-empty-state div page-no-record {
  width: 100%;
}

gd-empty-state div page-no-record .wrapper {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

gd-empty-state div page-no-record .wrapper img {
  width: 95px !important;
  height: 95px !important;
  -o-object-fit: contain;
  object-fit: contain;
}

gd-empty-state page-no-record .wrapper {
  text-align: center;
  color: #808080 !important;
  padding-top: 20vw !important;
  padding-bottom: 5vh !important;
}

gd-empty-state .click-box {
  width: 100%;
  margin-top: 4px;
}

gd-empty-state .refresh-label {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  margin-top: 2px;
}

gd-empty-state .refresh-label.btn {
  color: #63BEFB !important;
  cursor: pointer;
}

gd-menu {
  height: 100%;
}

gd-menu .icon-wrapper {
  width: 44px;
  height: 44px;
  border-radius: 200px;
  position: relative;
  background: #F68A22;
  margin-bottom: 10px;
}

gd-menu .icon-wrapper .new-badge {
  position: absolute;
  top: -3px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 10px;
  font-weight: 400;
  border-radius: 100px;
}

gd-menu .icon-wrapper svg-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

gd-menu .icon-wrapper svg-icon svg path,
gd-menu .icon-wrapper svg-icon svg line,
gd-menu .icon-wrapper svg-icon svg ellipse,
gd-menu .icon-wrapper svg-icon svg polyline,
gd-menu .icon-wrapper svg-icon svg polygon,
gd-menu .icon-wrapper svg-icon svg circle,
gd-menu .icon-wrapper svg-icon svg rect {
  stroke-width: 1.5px;
}

gd-menu .icon-wrapper svg-icon svg {
  fill: #fff !important;
}

gd-menu .icon-wrapper svg-icon svg .cls-1 {
  fill: unset !important;
  stroke: unset !important;
}

gd-menu .subs-icon .cls-2 {
  fill: none !important;
}

gd-menu .subs-icon .cls-3 {
  display: none;
  stroke: none !important;
  stroke-width: 0 !important;
}

@media screen and (min-width: 768px) {
  gd-menu .multi-account {
    display: none;
  }
  gd-menu .change-v {
    display: none;
  }
  gd-menu .icon-wrapper {
    background-color: transparent !important;
    margin-bottom: 0;
  }
  gd-menu .collapse .menu-round {
    border-radius: 100px;
    width: 44px;
    height: 44px;
    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-transition: all 200ms;
    transition: all 200ms;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }
  gd-menu .collapse .menu-round img {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
}

gd-menu .head-icon {
  width: 32px;
}

gd-menu .container {
  height: 100%;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  gd-menu .container .transparent-box {
    background-color: #192528 !important;
  }
}

gd-menu .container .transparent-box {
  height: 38px;
  background-color: transparent;
}

@media screen and (min-width: 768px) {
  gd-menu .container .content-box {
    border-radius: 0 !important;
    background-color: #192528 !important;
  }
}

gd-menu .container .modal-box {
  height: calc(100% - 38px);
  background-color: #fff;
  border-radius: 20px 20px 0 0;
}

gd-menu .container .multi-account-option {
  /* display: flex; */
  margin-top: -16px;
}

gd-menu .container .content-box {
  height: calc(100% - 33px);
  overflow: auto;
  overflow-x: hidden;
  border-radius: 20px 20px 0 0;
  background-color: white;
}

gd-menu .container .content-box .multi-account {
  border-top: 1px solid #dbdbe1;
  border-bottom: 1px solid #dbdbe1;
}

gd-menu .container .content-box .multi-account .content {
  padding: 16px;
  background: #f4f4f4;
  border-top: 1px solid #f4f4f4;
}

gd-menu .container .content-box .multi-account .content .account {
  padding-bottom: 20px;
  margin-top: -10px;
}

gd-menu .container .content-box .multi-account .content .back-box {
  display: none !important;
}

gd-menu .container .content-box .multi-account .content .parent .my-info {
  overflow: hidden;
  margin-top: 5px;
  margin-left: 5px;
}

gd-menu .container .content-box .multi-account .content .parent .my-info .welcome-name {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px;
  margin-left: 5px;
}

gd-menu .container .content-box .multi-account .content .parent .my-info .welcome-name ion-label.name {
  font-weight: bold;
  color: #222 !important;
  font-size: 14px !important;
}

gd-menu .container .content-box .multi-account .content .parent .my-info .welcome-name ion-label.company {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 5px !important;
}

gd-menu .container .content-box .multi-account .content .remove svg-icon.mySvg {
  fill: #a5b0b7 !important;
}

gd-menu .container .content-box .multi-account .content .remove svg-icon.mySvg svg path,
gd-menu .container .content-box .multi-account .content .remove svg-icon.mySvg svg line,
gd-menu .container .content-box .multi-account .content .remove svg-icon.mySvg svg ellipse,
gd-menu .container .content-box .multi-account .content .remove svg-icon.mySvg svg polyline,
gd-menu .container .content-box .multi-account .content .remove svg-icon.mySvg svg polygon,
gd-menu .container .content-box .multi-account .content .remove svg-icon.mySvg svg circle,
gd-menu .container .content-box .multi-account .content .remove svg-icon.mySvg svg rect {
  stroke: #a5b0b7 !important;
  stroke-width: 1.5px;
}

gd-menu .container .content-box .multi-account .content .disableLoading {
  opacity: 0.6;
}

gd-menu .container .content-box .multi-account .content .multi-account-option .multi-account-manage {
  padding: 10px 13px;
  margin-bottom: -20px;
}

gd-menu .container .content-box .multi-account .content .multi-account-option .multi-account-manage img {
  margin-right: 10px;
  opacity: 0.4;
}

gd-menu .container .content-box .multi-account .content .multi-account-option ion-label {
  color: #A5B0B7 !important;
}

gd-menu .container .content-box .multi-account .logout {
  background: #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 10px;
}

gd-menu .container .content-box .multi-account .logout .body-logout {
  padding: 0 29px;
}

gd-menu .container .content-box .multi-account .logout .body-logout img {
  margin-right: 10px;
  opacity: 0.4;
}

gd-menu .container .content-box .multi-account .logout .body-logout ion-label {
  color: #A5B0B7 !important;
}

gd-menu .container .no-transform {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}

@media screen and (min-width: 768px) {
  gd-menu .container .content-toggle,
  gd-menu .container .content-head {
    display: none !important;
  }
}

gd-menu .container .content-toggle {
  padding: 14px 18px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 99999999;
}

gd-menu .container .content-toggle .toggle {
  width: 70px;
  height: 5px;
  background-color: #eaecee;
  border-radius: 50px;
}

gd-menu .container .content-head {
  padding: 16px;
  padding-bottom: 4px;
  margin-bottom: 10px;
}

gd-menu .container .content-head .profil-box {
  overflow: hidden;
}

gd-menu .container .content-head .profil-box .profil-link ion-label,
gd-menu .container .content-head .profil-box .profil-link ion-icon {
  font-size: 12px !important;
  color: #A5B0B7 !important;
}

gd-menu .container .content-head .profil-box ion-avatar {
  margin: 0 !important;
  padding: 0 !important;
}

gd-menu .container .content-head .profil-box gd-avatar img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 200px;
  width: 46px !important;
  height: 46px !important;
}

gd-menu .container .content-head .profil-box .name-section .name {
  margin-bottom: 5px;
  font-size: 16px !important;
  font-family: "bold" !important;
  color: #222 !important;
}

gd-menu .container .content-head .profil-box .name-section img {
  margin-top: -5px;
  margin-left: 5px;
  width: 20px !important;
  height: unset !important;
  -o-object-fit: unset !important;
  object-fit: unset !important;
  border-radius: unset !important;
  -webkit-transition: -webkit-transform 100ms;
  transition: -webkit-transform 100ms;
  transition: transform 100ms;
  transition: transform 100ms, -webkit-transform 100ms;
}

gd-menu .container .content-head .setting-box {
  position: relative;
}

gd-menu .container .content-head .setting-box ion-label {
  font-size: 10px !important;
  font-family: "medium" !important;
  color: #A5B0B7 !important;
}

gd-menu .container .content-head .setting-box svg-icon {
  border: 1px solid #c1ccd2;
  border-radius: 200px;
  width: 44px;
  height: 44px;
}

gd-menu .container .content-head .setting-box svg-icon path,
gd-menu .container .content-head .setting-box svg-icon circle {
  stroke: #222 !important;
  stroke-width: 1.5px;
}

gd-menu .container .content-body .support-box {
  padding: 16px;
}

gd-menu .container .content-body .support-box .support-section {
  margin-bottom: 20px;
}

gd-menu .container .content-body .support-box .support-section ion-label {
  font-size: 14px !important;
  color: rgba(34, 34, 34, 0.9) !important;
}

gd-menu .container .content-body .support-box .support-section ion-icon {
  font-size: 20px;
}

gd-menu .container .content-body .support-box .support-section:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  gd-menu .container .content-body .support-box {
    display: none;
  }
}

gd-menu .container .content-body .change-v {
  padding: 21px 18px;
  background: #f6f8fa;
}

gd-menu .container .content-body .change-v .box {
  padding: 10px 9px 8px 13px;
  height: auto;
  background: white;
  border-radius: 4px;
  border: 1px solid #e2e9ed;
}

gd-menu .container .content-body .change-v .box .keterangan-v {
  margin-bottom: 8px;
}

gd-menu .container .content-body .change-v .box .keterangan-v ion-label {
  margin-bottom: 0px;
}

gd-menu .container .content-body .change-v .box .keterangan-v .text-wrap {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

gd-menu .container .content-body .change-v .box .button-v {
  border-radius: 10px;
  border: 1px solid #e2e9ed;
  width: 129.72px;
  text-align: center;
  height: 41px;
}

gd-menu .container .content-body .change-v .box .button-v ion-label {
  margin: 10px auto;
}

@media screen and (min-width: 1520px) {
  gd-menu .container .content-body .menu-group .menu-box {
    padding: 21px 0px 21px !important;
  }
  gd-menu .container .content-body .menu-group .menu-box .group-label {
    padding: 0 18px !important;
  }
  gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail {
    padding: 0 18px !important;
  }
}

gd-menu .container .content-body .menu-group .menu-box {
  padding: 21px 16px 21px 18px;
  border-bottom: 8px solid #f6f8fa;
}

gd-menu .container .content-body .menu-group .menu-box .group-label {
  font-family: "medium" !important;
  font-size: 14px !important;
  color: #A5B0B7 !important;
  margin-bottom: 18px !important;
  text-transform: uppercase;
  padding: 0;
}

gd-menu .container .content-body .menu-group .menu-box .menu-section {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}

gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail {
  padding: 0;
}

gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail img {
  width: 23px;
  height: 23px;
}

gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail .item-label {
  text-align: center;
  font-size: 12px !important;
  position: relative;
  overflow: visible;
  white-space: normal !important;
  color: #222 !important;
}

gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail .notifications-badge {
  top: -3px;
  left: 0px;
  font-family: Arial;
  font-weight: 400;
}

gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

gd-menu .container .content-body .feedback {
  border-radius: 5px;
  border: 1px solid black;
  text-align: center;
}

@media screen and (min-width: 768px) {
  gd-menu .container .content-body .menu-group .menu-box {
    border-bottom: none;
  }
  gd-menu .container .content-body .menu-group .menu-box .menu-section {
    grid-template-columns: 1fr !important;
  }
  gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -webkit-flex-direction: row !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
  }
  gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail img {
    margin: 0 !important;
  }
  gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail .item-label {
    font-size: 14px !important;
    font-family: "regular" !important;
    margin-top: 0;
    color: white !important;
    white-space: nowrap !important;
    text-align: start !important;
  }
  gd-menu .container .content-body .menu-group .menu-box .menu-section > div {
    position: relative;
  }
  gd-menu .container .content-body .menu-group .menu-box .menu-section > div .hover-menu {
    height: 100%;
    width: calc(100% + 36px);
    position: absolute;
    left: -18px;
    -webkit-transition: all 200ms;
    transition: all 200ms;
  }
  gd-menu .container .content-body .menu-group .menu-box .menu-section > div:hover .hover-menu {
    background: rgba(255, 255, 255, 0.15);
  }
  gd-menu .container .content-body .menu-group .menu-box .active-menu .menu-detail ion-label.item-label {
    color: #F68A22 !important;
  }
  gd-menu .container .content-body .menu-group .collapse {
    padding: 0 !important;
  }
  gd-menu .container .content-body .menu-group .collapse .line {
    border-bottom: 1px solid #fff;
    width: 40px;
    margin: 40px auto;
    opacity: 0.5;
    -webkit-transition: all 200ms;
    transition: all 200ms;
  }
  gd-menu .container .content-body .menu-group .collapse .menu-section .menu-detail .icon-wrapper {
    width: 6em;
  }
  gd-menu .container .content-body .menu-group .collapse .menu-section .menu-detail ion-label {
    display: none;
  }
  gd-menu .container .content-body .menu-group:first-child .line {
    display: none;
  }
  gd-menu .container .content-body .menu-group:last-child {
    margin-bottom: 25px;
  }
}

@media screen and (min-width: 768px) and (max-width: 1420px) {
  gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail .icon-wrapper {
    max-width: calc(100% - 8px);
    height: 40px;
  }
  gd-menu .container .content-body .menu-group .menu-box .menu-section .menu-detail .item-label.title-menu {
    display: block;
    font-size: 10px !important;
    text-align: center !important;
    white-space: normal !important;
    padding: 0 5px;
    max-width: calc(100% - 8px);
    padding-bottom: 8px;
  }
}

gd-menu .container .content-footer {
  padding: 20px;
}

gd-menu .container .content-footer .logout2 {
  padding: 10px 0px;
  margin-bottom: 32px;
  font-weight: bold;
}

gd-menu .container .content-footer .logout2 ion-label {
  font-size: 16px !important;
  color: #F0624D !important;
  margin: 0;
}

gd-menu .container .content-footer button.logout {
  width: 100%;
  border-radius: 3px;
  background-color: #f0f2f4;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 24px 0px;
}

gd-menu .container .content-footer button.logout img {
  width: 23px;
  height: 23px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 7px;
}

gd-menu .container .content-footer button.logout ion-label {
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  padding-left: 5px;
  margin: 0;
  color: #121212 !important;
  font-size: 16px !important;
  text-transform: capitalize;
}

gd-menu .container .content-footer div ion-label {
  font-size: 0.7em !important;
  text-align: center;
}

gd-menu .rotate {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.my-list {
  padding: 20px 30px;
}

.my-list .my-list-item {
  padding: 10px 0;
  position: relative;
}

.my-list .my-list-item .icon {
  width: 24px;
  height: 24px;
}

.my-list .my-list-item .icon img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.my-list .my-list-item ion-label {
  color: #A5B0B7 !important;
  font-size: 14px !important;
}

.my-list .my-list-item:first-child {
  padding-top: 0;
}

.my-list .my-list-item:last-child {
  border-top: 1px solid #dbdbe1;
  margin-top: 10px;
  padding-top: 20px;
  padding-bottom: 0;
}

.my-list .my-list-item:hover {
  opacity: 0.8;
}

.my-list .hide-select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: unset;
  opacity: 0;
}

gd-take-multiple-file .remove {
  background-color: #ed4956;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  line-height: 22px;
  color: white !important;
  font-size: 8px;
  font-weight: bold;
  text-align: center;
  position: relative;
  float: right;
  top: 0;
  right: 10px;
}

gd-take-multiple-file .attachment-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

gd-take-multiple-file .attachment-box ion-label {
  color: #000000 !important;
}

gd-take-multiple-file .attachment-box .content-box {
  -webkit-box-pack: justify !important;
  -webkit-justify-content: space-between !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important;
}

gd-take-multiple-file .attachment-box .content-box .inline-data {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #f5f5f5;
  padding: 15px 20px;
  border-radius: 10px;
  color: black;
  border: 1px solid #AAA;
  font-weight: 600;
  margin-bottom: 10px;
  margin-right: 10px;
}

gd-take-multiple-file .attachment-box .content-box .inline-data .name {
  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;
}

gd-take-multiple-file .attachment-box .content-box .inline-data .name img {
  margin-right: 10px;
}

gd-take-multiple-file .attachment-box .content-box .add-drop {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #f5f5f5;
  padding: 15px 20px;
  border-radius: 10px;
  color: #646464;
  border: 1px solid #AAA;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

gd-take-multiple-file .attachment-box .content-box .add-drop img {
  margin-right: 10px;
}

gd-take-multiple-file .attachment-box .content-box .add-section {
  margin-top: 10px;
  padding-left: 20px;
}

gd-take-multiple-file .attachment-box .content-box .add-section button {
  background: #ced5db !important;
  width: 74px !important;
  height: 74px !important;
  border-radius: 7px;
  font-size: 10px;
}

gd-take-multiple-file .attachment-box .content-box .add-section button ion-icon {
  font-size: 3em;
}

gd-take-multiple-file .attachment-box .content-box .add-section button.img-exist {
  margin-left: 11px;
}

gd-take-multiple-file .attachment-box .img-box .img-data {
  overflow-x: auto;
  overflow-y: hidden;
}

gd-take-multiple-file .attachment-box .img-box .img-section {
  position: relative;
  min-width: 74px;
}

gd-take-multiple-file .attachment-box .img-box .img-section .space {
  margin-right: 10px;
}

gd-take-multiple-file .attachment-box .img-box .img-section:not(:last-child) {
  margin-right: 11px;
}

gd-take-multiple-file .attachment-box .img-box .img-section img {
  width: 74px;
  height: 74px;
  -o-object-fit: fill;
  object-fit: fill;
  border-radius: 7px;
  margin-top: 10px;
}

gd-take-multiple-file .attachment-box .img-box .add-section {
  margin-top: 10px;
}

gd-take-multiple-file .attachment-box .img-box .add-section button {
  background: #ced5db !important;
  width: 74px !important;
  height: 74px !important;
  border-radius: 7px;
  font-size: 10px;
}

gd-take-multiple-file .attachment-box .img-box .add-section button ion-icon {
  font-size: 3em;
}

gd-take-multiple-file .attachment-box .img-box .add-section button.img-exist {
  margin-left: 11px;
}

page-gd-thumbnail .single-img {
  padding: 0px 3px;
}

page-gd-thumbnail .single-img img {
  width: 100%;
}

page-gd-thumbnail img {
  background-color: rgba(0, 0, 0, 0.02);
}

gd-toast .toast-wrapper {
  padding: 8px;
  background-color: white;
  border-radius: 8px;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
}

gd-toast .toast-wrapper .title {
  font-size: 14px !important;
  color: #222 !important;
  white-space: normal !important;
  margin-bottom: 3px;
  font-weight: bold;
}

gd-toast .toast-wrapper .desc {
  font-size: 12px !important;
  color: #222 !important;
  white-space: normal !important;
}

gd-toast .toast-wrapper .cta-label {
  color: #F68A22 !important;
  font-size: 12px !important;
  cursor: pointer;
}

gdx-bottom-hint .wrapper-hint {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 32px);
  background-color: white;
  padding: 8px;
  border-radius: 8px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  max-height: unset !important;
}

gdx-bottom-hint .wrapper-hint .title-hint {
  margin-bottom: 8px;
  color: #222 !important;
  font-weight: bold;
  font-size: 16px !important;
  white-space: normal;
}

gdx-bottom-hint .wrapper-hint .cta-hint {
  color: #F68A22 !important;
  font-size: 12px !important;
  font-weight: bold;
}

gdx-bottom-hint .wrapper-hint .cta-hint ion-icon {
  color: #F68A22 !important;
}

gdx-button button {
  min-width: 100px;
  overflow: hidden;
  border-radius: 10px !important;
  -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: 14px;
  padding: 13px 19px;
  margin: 0.4rem 0.2rem;
}

gdx-button button span.text {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-transform: capitalize;
}

gdx-button button.loading-progress {
  padding-left: 12px;
  padding-right: 12px;
}

gdx-button[full] {
  width: 100%;
}

gdx-button[full] button {
  width: 100%;
}

gdx-button .button-full.button-outline {
  border-width: 1px;
}

gdx-button .box-loader {
  width: 17px;
  min-width: 17px;
  height: 17px;
  position: relative;
  margin-right: 7px;
}

gdx-button .box-loader .box-fill {
  width: 50%;
  height: 50%;
  background-color: none;
  position: absolute;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: .95;
}

gdx-button .box-loader .box-fill .fill-item {
  background: #fff;
  height: 80%;
  width: 80%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 15%;
}

gdx-button .box-loader .box-fill:nth-child(1) {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  -webkit-animation-name: box-1;
  animation-name: box-1;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  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;
}

gdx-button .box-loader .box-fill:nth-child(2) {
  -webkit-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px);
  -webkit-animation-name: box-2;
  animation-name: box-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  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;
}

gdx-button .box-loader .box-fill:nth-child(3) {
  -webkit-transform: translate3d(100%, 100%, 0px);
  transform: translate3d(100%, 100%, 0px);
  -webkit-animation-name: box-3;
  animation-name: box-3;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  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-keyframes box-1 {
  8.333333333333333% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  16.66666666666667% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  25% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  33.33333333333333% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  41.66666666666667% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  50% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  58.33333333333333% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  66.66666666666666% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  75% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  83.33333333333333% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  91.66666666666666% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes box-1 {
  8.333333333333333% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  16.66666666666667% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  25% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  33.33333333333333% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  41.66666666666667% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  50% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  58.33333333333333% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  66.66666666666666% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  75% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  83.33333333333333% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  91.66666666666666% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}

@-webkit-keyframes box-2 {
  8.333333333333333% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  16.66666666666667% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  25% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  33.33333333333333% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  41.66666666666667% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  50% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  58.33333333333333% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  66.66666666666666% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  75% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  83.33333333333333% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  91.66666666666666% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
}

@keyframes box-2 {
  8.333333333333333% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  16.66666666666667% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  25% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  33.33333333333333% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  41.66666666666667% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  50% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  58.33333333333333% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  66.66666666666666% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  75% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  83.33333333333333% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  91.66666666666666% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
}

@-webkit-keyframes box-3 {
  8.333333333333333% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  16.66666666666667% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  25% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  33.33333333333333% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  41.66666666666667% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  50% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  58.33333333333333% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  66.66666666666666% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  75% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  83.33333333333333% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  91.66666666666666% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  100% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
}

@keyframes box-3 {
  8.333333333333333% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  16.66666666666667% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  25% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  33.33333333333333% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  41.66666666666667% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  50% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  58.33333333333333% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  66.66666666666666% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  75% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  83.33333333333333% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  91.66666666666666% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  100% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
}

gdx-button + gdx-button {
  margin-left: 17px;
}

gdx-content[transparent] ion-content {
  background-color: transparent;
}

gdx-content .container-content {
  width: 100%;
  height: 100%;
}

gdx-content ion-content {
  background: #f2f5f8 !important;
}

gdx-content ion-content .scroll-content {
  margin-top: 0px !important;
  padding: 0px !important;
}

gdx-content .float-container {
  margin-top: 84px;
  width: 100%;
  padding: 0 20px;
}

gdx-content .fixed-container {
  min-height: 1px;
  width: 100%;
  padding: 0 20px;
  position: -webkit-sticky;
  position: sticky;
  z-index: 99;
  -webkit-box-shadow: 0px 4px 3px -2px transparent;
  box-shadow: 0px 4px 3px -2px transparent;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

gdx-content .fixed-container > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

gdx-content .fixed-container > div dynamic-content-handler {
  width: 100%;
}

gdx-content .fixed-container ion-segment {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 10px;
}

gdx-content .fixed-container [add-button] {
  min-width: 44px;
  background: #3498db;
}

gdx-content .fixed-container [add-button]:hover {
  background: #3498db;
}

gdx-content .gdx-container {
  min-height: calc(100% - 86px);
  background: #fff;
  border-radius: 20px 20px 0 0;
  -webkit-box-shadow: 0px 3px 20px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 3px 20px 2px rgba(0, 0, 0, 0.1);
}

gdx-content .gdx-container ion-list.data-list-request {
  padding: 0 !important;
}

gdx-content .gdx-container ion-list.data-list-request ion-item {
  padding: 0 !important;
}

gdx-content .gdx-container .cta-buttons {
  position: -webkit-sticky;
  position: sticky;
  top: 72px;
  z-index: 99;
  padding: 0;
  -webkit-transition: all 250ms;
  transition: all 250ms;
}

gdx-content .gdx-container .cta-on {
  background: white;
  padding: 7px 0px;
}

gdx-content .gdx-container .cta-transparent {
  background: none;
}

gdx-content .gdx-container .cta-transparent div[cta-buttons]::before,
gdx-content .gdx-container .cta-transparent div[cta-buttons]::after {
  background: none;
  width: 0;
  height: 0;
}

gdx-content .gdx-container div[cta-buttons] {
  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;
}

gdx-content .gdx-container div[cta-buttons] button {
  border-radius: 10px;
}

gdx-content .gdx-container div[cta-buttons] button .button-inner ion-icon {
  margin-right: 5px;
}

gdx-content .gdx-container div[cta-buttons] button .button-inner span {
  text-transform: capitalize;
}

gdx-content .gdx-container div[cta-buttons]::before {
  content: "";
  width: 20px;
  height: 100%;
  background: white;
  position: absolute;
  left: -20px;
  top: 0;
}

gdx-content .gdx-container div[cta-buttons]::after {
  content: "";
  width: 20px;
  height: 100%;
  background: white;
  position: absolute;
  right: -20px;
  top: 0;
}

gdx-content .custom-mode .container.single {
  background: transparent !important;
}

@media screen and (min-width: 768px) {
  gdx-content .float-container {
    margin: 60px 64px 0 64px;
    width: auto;
  }
  gdx-content .fixed-container {
    margin: 00px 64px 15px;
    width: auto;
  }
  gdx-content .gdx-container {
    margin: 0 64px;
  }
  gdx-content .mini-container {
    max-width: 52%;
    margin: 0 auto;
  }
  gdx-content .fixed-container.mini-container {
    max-width: 52%;
    margin: 0 auto 15px auto;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  gdx-content .mini-container {
    max-width: 85% !important;
    margin: 0 auto;
  }
}

gdx-content .gdx-container-padding {
  padding: 25px 20px 77px 20px;
}

gdx-datepicker .layout-row {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 !important;
  max-width: unset !important;
}

gdx-datepicker .layout-row .main {
  max-width: 350px !important;
}

gdx-datepicker .modal-style {
  -webkit-box-shadow: 1px 1px 5px #aaa;
  box-shadow: 1px 1px 5px #aaa;
  border: 1px solid #dbdbe1;
}

gdx-datepicker .modal-style .event-empty-box img {
  width: 60px !important;
  height: 60px !important;
}

gdx-datepicker .calendar-container {
  min-width: 280px;
  width: 100%;
  height: auto;
  border-radius: 6px;
  overflow: visible;
  background-color: white;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  max-width: 350px;
  z-index: 2;
  margin: 0 auto;
}

gdx-datepicker .calendar-container .range-box {
  padding: 16px;
  border-bottom: 1px solid #dbdbe1;
}

gdx-datepicker .calendar-container .range-box .view-box .label-active {
  color: #63BEFB !important;
}

gdx-datepicker .calendar-container .range-box .view-box .head-label {
  color: #A5B0B7 !important;
  margin-bottom: 4px;
}

gdx-datepicker .calendar-container .range-box .view-box .single-head-label {
  color: #A5B0B7 !important;
}

gdx-datepicker .calendar-container .range-box .view-box div {
  border-radius: 4px;
  padding: 8px 10px;
  border: 1.5px solid #dbdbe1;
  background-color: #fffeee;
}

gdx-datepicker .calendar-container .range-box .view-box div ion-label {
  color: #333333 !important;
  font-size: 13px !important;
}

gdx-datepicker .calendar-container .range-box .view-box .active {
  border: 2px solid #63BEFB !important;
}

gdx-datepicker .calendar-container .range-box ion-icon {
  color: #A5B0B7 !important;
}

gdx-datepicker .calendar-container .range-box .time-section {
  width: 68px;
  height: 40px;
  border-radius: 4px;
  background-color: #ed7906;
  margin-left: 16px;
}

gdx-datepicker .calendar-container .range-box .time-section ion-label {
  color: #fff !important;
  text-align: center;
}

gdx-datepicker .calendar-container .GdCalendar_header {
  font-size: 16px !important;
  color: black !important;
  font-family: "roboto" !important;
  font-weight: normal;
  width: 100%;
  padding: 0px 16px;
}

gdx-datepicker .calendar-container .GdCalendar_header ion-label {
  margin-right: 16px !important;
}

gdx-datepicker .calendar-container .GdCalendar_header ion-icon {
  cursor: pointer;
  margin-right: 1px;
  font-size: 26px;
  padding: 0 16px;
  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;
}

gdx-datepicker .calendar-container .GdCalendar_header ion-icon:last-child {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  margin-right: 0 !important;
}

gdx-datepicker .calendar-container .GdCalendar_header .disableNav {
  color: #A5B0B7;
  pointer-events: none;
}

gdx-datepicker .calendar-container .GdCalendar_month {
  width: 100%;
  padding: 0 16px 10px;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar-headbox {
  margin: 5px 0;
  height: 38px;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar-headbox .GdCalendar_head {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc((100% - 70px) / 7);
  -ms-flex: 0 0 calc((100% - 70px) / 7);
  flex: 0 0 calc((100% - 70px) / 7);
  margin: 0 5px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date {
  height: 270px;
  overflow: hidden;
  position: relative;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week {
  position: relative;
  max-width: unset !important;
  width: auto;
  height: 36px;
  border-radius: 0px;
  margin: 3px 0;
  overflow: hidden;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% / 7);
  -ms-flex: 0 0 calc(100% / 7);
  flex: 0 0 calc(100% / 7);
  min-width: 37px;
  position: relative;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .wrapper {
  width: 100%;
  height: 24px;
  border-radius: 0;
  border: 2px solid transparent;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .wrapper ion-label,
gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .wrapper p {
  font-size: 12px !important;
  text-align: center;
  z-index: 2;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .wrapper:hover {
  cursor: pointer;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .minmax {
  background-color: rgba(85, 85, 85, 0.2);
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .minmax ion-label {
  color: #aaa !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .active-month,
gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .inactive-month,
gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .active-off-day,
gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .inactive-off-day,
gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .offDay-week {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .active-month {
  color: black !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .inactive-month {
  color: rgba(0, 0, 0, 0.2) !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .active-off-day,
gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .offDay-week {
  color: red !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .inactive-off-day {
  color: rgba(255, 0, 0, 0.2) !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .startDate:before, gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .endDate:before, gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .today:before {
  content: "";
  position: absolute;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  z-index: 1;
  width: 30px;
  height: 30px;
  border-radius: 200px;
}

@media screen and (min-width: 1280px) {
  gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .startDate:before, gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .endDate:before, gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .today:before {
    width: 30px;
    height: 30px;
    border-radius: 200px;
  }
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .startDate .inactive-month {
  color: black !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .startDate .inactive-month.inactive-off-day {
  color: red !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .startDate:before {
  background-color: #d5ecfb;
  border: 2px solid #63befb;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .endDate ion-label,
gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .endDate p {
  color: white !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .endDate:before {
  border: 2px solid transparent;
  background-color: #63befb;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .sameDay {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  background: radial-gradient(circle, #d5ecfb 0%, #63befb 100%);
  border-color: #63befb;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .sameDay ion-label {
  color: #000 !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .today:before {
  border: 2px solid rgba(0, 0, 0, 0.11);
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day:last-child .wrapper {
  border-radius: 0 200px 200px 0;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day:first-child .wrapper {
  border-radius: 200px 0 0 200px;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .wrapper-week {
  padding: 5px;
  background-color: rgba(85, 85, 85, 0.1);
  width: 44px !important;
  overflow: hidden;
  border-radius: 3px;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .selectedDate-week {
  background-color: #fbac5e !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .selectedDate-week p,
gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .selectedDate-week ion-label {
  color: white !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .startWrapper {
  background-color: #d5ecfb;
  border-radius: 200px 0 0 200px !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .endWrapper {
  background-color: #d5ecfb;
  border-radius: 0 200px 200px 0 !important;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .betweenWrapper {
  background-color: #d5ecfb;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .mondayWrapper {
  border-radius: 200px 0px 0px 200px;
}

gdx-datepicker .calendar-container .GdCalendar_month .GdCalendar_date::-webkit-scrollbar {
  display: none;
}

gdx-datepicker .calendar-container .GdCalendar_month .grid-month {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 100%;
  padding: 10px 0;
}

gdx-datepicker .calendar-container .GdCalendar_month .grid-month ion-label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
  flex: 0 0 33%;
  height: 75px;
  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;
  border-radius: 3px;
}

gdx-datepicker .calendar-container .GdCalendar_month .grid-month .month-active {
  border: 1.3px solid rgba(0, 0, 0, 0.4);
}

gdx-datepicker .calendar-container .confirm-box button {
  width: 134px;
  height: 41px;
  border-radius: 10px;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

gdx-datepicker .calendar-container .confirm-box button:nth-child(1) {
  color: #a5b0b7;
  border-color: #d8e4eb;
}

gdx-datepicker .calendar-container .confirm-box button:nth-child(2) {
  background-color: #fbac5e;
  color: white;
}

gdx-datepicker .calendar-container .one-line {
  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: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  background-color: white;
  width: auto !important;
}

gdx-datepicker .calendar-container .one-line .GdCalendar_week {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: unset !important;
  border-radius: 0 !important;
  width: calc(100vw - 40px);
  height: 36px;
  border-radius: 0px;
}

gdx-datepicker .calendar-container .one-line .GdCalendar_week .wrapper {
  height: 100% !important;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}

gdx-datepicker .calendar-container .one-line .GdCalendar_week .wrapper p {
  font-size: 13px !important;
  color: #aaa !important;
  font-family: "roboto" !important;
  font-weight: normal;
  margin-bottom: 5px;
}

gdx-datepicker .calendar-container .one-line .GdCalendar_week .wrapper ion-label {
  font-size: 13px !important;
  color: #aaa !important;
  font-family: "roboto" !important;
  font-weight: bold;
}

gdx-datepicker .calendar-container .footer {
  border-top: 1px solid #dbdbe1;
}

gdx-datepicker .calendar-container .footer button {
  text-transform: capitalize;
  font-size: 12px;
}

gdx-datepicker .component-week-view {
  border: 1px solid transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

gdx-datepicker .component-week-view .GdCalendar_header {
  padding: 0;
}

gdx-datepicker .component-week-view .GdCalendar_month {
  padding: 0 !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container {
  height: 55px !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week {
  height: 100% !important;
  max-width: unset !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day {
  min-width: 37px;
  -webkit-box-flex: calc(100% / 7);
  -webkit-flex: calc(100% / 7);
  -ms-flex: calc(100% / 7);
  flex: calc(100% / 7);
  margin: 0 2px !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day .wrapper {
  border-radius: 5px !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day:first-child {
  margin-left: 0;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day:first-child .wrapper {
  border-radius: 5px !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day:last-child {
  margin-right: 0;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .GdCalendar_day:last-child .wrapper {
  border-radius: 5px !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .wrapper-week {
  width: 100% !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .selectedDate-week {
  background-color: #63BEFB !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .selectedDate-week .active-month {
  color: white !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .endWrapper,
gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .startWrapper {
  background-color: #63BEFB !important;
  border-radius: 0px !important;
}

gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .endWrapper:before,
gdx-datepicker .component-week-view .GdCalendar_month .GdCalendar_date .new-container .GdCalendar_week .startWrapper:before {
  display: none;
}

gdx-datepicker .backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}

gdx-datepicker .component-week-view.desktop-stretch {
  width: 100% !important;
  max-width: unset !important;
  margin: auto;
}

gdx-datepicker .dot-box {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 99999;
}

gdx-datepicker .dot-box .dot {
  width: 6px;
  height: 6px;
  border-radius: 200px;
}

gdx-datepicker .event-dot {
  background-color: pink;
  position: absolute;
  bottom: 5px;
  z-index: 99;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

gdx-datepicker .event-dot .dot {
  width: 6px;
  height: 6px;
  border-radius: 200px;
}

gdx-datepicker .event-box {
  overflow: auto;
  min-height: 120px;
  padding: 10px;
}

gdx-datepicker .event-box .status-label ion-label {
  white-space: normal;
  font-size: 12px !important;
}

gdx-datepicker .event-box .status-label .status-label-title {
  margin: 0;
  color: #A5B0B7 !important;
  font-size: 12px !important;
  text-align: right;
}

gdx-datepicker .event-box .group-title-event {
  margin: 0;
  font-weight: bold;
  color: #222;
  margin-bottom: 6px;
}

gdx-datepicker .event-box .detail-event-box {
  margin: 10px 0;
}

gdx-datepicker .event-box .detail-event-box .detail-event-section {
  padding: 10px 8px 10px 0;
  border-bottom: 1px solid #dbdbe1;
}

gdx-datepicker .event-box .detail-event-box .detail-event-section .img-box {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  overflow: hidden;
}

gdx-datepicker .event-box .detail-event-box .detail-event-section .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

gdx-datepicker .event-box .detail-event-box .detail-event-section .detail-label-box .detail-title {
  margin: 0;
  color: #A5B0B7 !important;
  font-size: 12px !important;
}

gdx-datepicker .event-box .detail-event-box .detail-event-section .detail-label-box .detail-subtitle {
  font-size: 12px !important;
  margin: 0;
  color: #222 !important;
  font-weight: bold;
}

gdx-datepicker .event-box-page {
  margin-top: 10px;
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
}

gdx-datepicker .mobile-week-event {
  overflow: hidden;
  height: 100%;
}

gdx-datepicker .mobile-full-event {
  overflow: auto;
  height: 100%;
}

gdx-datepicker .mobile-full-event .event-box {
  overflow: visible;
}

gdx-datepicker .mobile-full-event-modal .event-box {
  overflow: auto !important;
}

gdx-datepicker .event-box-page-mobile {
  margin-top: 10px;
  -webkit-box-flex: 1 !important;
  -webkit-flex: 1 1 auto !important;
  -ms-flex: 1 1 auto !important;
  flex: 1 1 auto !important;
}

gdx-datepicker .btn-box {
  padding: 10px 16px;
}

gdx-datepicker .event-skeleton-box {
  overflow: auto;
  min-height: 120px;
  padding: 10px;
}

gdx-datepicker .event-skeleton-box .detail-event-box {
  margin: 10px 0;
}

gdx-datepicker .event-skeleton-box .group-title-event {
  height: 14px;
  width: 120px;
  border-radius: 6px;
  margin-bottom: 6px;
}

gdx-datepicker .event-skeleton-box .img-box {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 200px;
}

gdx-datepicker .event-skeleton-box .detail-event-section {
  margin: 10px 0;
}

gdx-datepicker .event-skeleton-box .detail-title {
  height: 14px;
  width: 50px;
  border-radius: 6px;
  margin-bottom: 4px;
}

gdx-datepicker .event-skeleton-box .detail-subtitle {
  height: 14px;
  width: 90px;
  border-radius: 6px;
}

gdx-datepicker .event-skeleton-box .status-label {
  height: 16px;
  width: 50px;
  border-radius: 6px;
}

gdx-datepicker .event-empty-box {
  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;
  border-top: 1px solid #dbdbe1;
  padding: 10px 0 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 150px;
}

gdx-datepicker .event-empty-box img {
  width: 40%;
  min-width: 50px;
  min-height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
}

gdx-dropdown .arrow-options-custom {
  text-align: center;
  font-size: 14px !important;
  text-transform: capitalize !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  cursor: pointer;
}

gdx-dropdown .arrow-options-custom img {
  margin: 8px 5px !important;
}

gdx-dropdown .gdx-dropdown-section.custom-template {
  margin-bottom: 0px !important;
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

gdx-dropdown .gdx-dropdown-section.custom-template .select-dropdown {
  width: auto !important;
  max-height: none;
  min-width: 180px;
}

gdx-dropdown .gdx-dropdown-section.custom-template .show-left {
  right: 0;
}

gdx-dropdown .gdx-dropdown-section.custom-template .show-right {
  left: calc(100% + 8px);
}

gdx-dropdown .gdx-dropdown-section {
  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: relative;
  width: 100%;
}

gdx-dropdown .gdx-dropdown-section input {
  cursor: pointer;
  width: 100%;
  max-height: 48px;
  padding: 15px 33px 15px 15px;
  border: 1px solid #dbdbe1;
  border-radius: 5px;
  background: #fff;
  text-overflow: ellipsis;
}

gdx-dropdown .gdx-dropdown-section input.searching {
  cursor: unset;
}

gdx-dropdown .gdx-dropdown-section input.searching:focus {
  border: 1px solid #F68A22;
}

gdx-dropdown .gdx-dropdown-section .arrow-options {
  position: absolute;
  right: 15px;
  top: 20px;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}

gdx-dropdown .gdx-dropdown-section .arrow-options.arrow-open {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

gdx-dropdown .gdx-dropdown-section .select-dropdown {
  width: 100%;
  max-height: calc(47px * 6);
  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;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  top: 70%;
  position: absolute;
  z-index: 9;
  overflow: auto;
  opacity: 1;
  -webkit-box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown {
  width: 100%;
  max-height: 48px;
  padding: 15.1px;
  font-size: 14px;
  color: #333333;
  cursor: pointer;
  white-space: nowrap;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown:not(.selected):hover {
  background: #eff2f4;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown.selected {
  background: #F68A22;
  color: #fff;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown.group-label {
  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;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown.group-label p {
  margin: 0;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown.group-label p:last-child {
  color: #F68A22;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown.group-label.selected p:last-child {
  color: #fff !important;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown.selectable-label {
  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;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown.selectable-label p {
  margin: 0;
  pointer-events: none;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown.selectable-label ion-checkbox {
  margin-right: 10px;
  pointer-events: none;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown.selectable-label ion-checkbox .checkbox-icon.checkbox-checked {
  background: #F68A22 !important;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .option-dropdown.empty {
  color: #dbdbe1;
  text-align: center;
  padding: 10px;
  cursor: unset;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .infinite-loadmore {
  min-height: 30px;
  padding: 0 0 10px 0;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .infinite-loadmore .load-marker {
  width: 100%;
}

gdx-dropdown .gdx-dropdown-section .select-dropdown .infinite-loadmore .loading {
  text-align: center;
  height: 20px;
  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;
}

gdx-dropdown .gdx-dropdown-section .upward {
  bottom: 70%;
  top: unset;
}

gdx-dropdown .gdx-dropdown-section .slide-up-in {
  bottom: calc(100% + 8px);
}

gdx-dropdown .gdx-dropdown-section .slide-down-in {
  top: calc(100% + 8px);
}

gdx-dropdown .gdx-dropdown-section .select-dropdown.hidden {
  opacity: 0;
  pointer-events: none;
}

page-gdx-dropdown-modal .overlay-dissmiss {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}

page-gdx-dropdown-modal .container {
  width: 100%;
  height: 100%;
  padding-top: 90px;
}

page-gdx-dropdown-modal ion-content {
  height: 80%;
  max-height: 420px;
  max-width: 320px;
  margin: 0 auto;
  border-radius: 6px;
  pointer-events: auto;
  background: #fff;
  overflow: hidden;
  position: relative;
}

page-gdx-dropdown-modal ion-content .modal-header {
  height: 92px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  border-radius: 6px 6px 0 0;
  border-bottom: 1px solid #DBDBE1;
  background: #fff;
  padding: 8px 16px;
  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-gdx-dropdown-modal ion-content .modal-header p {
  margin: 0 0 8px;
}

page-gdx-dropdown-modal ion-content .modal-header .input-wrapper {
  position: relative;
}

page-gdx-dropdown-modal ion-content .modal-header .input-wrapper input {
  cursor: pointer;
  width: 100%;
  max-height: 48px;
  padding: 15px;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  background: #fff;
}

page-gdx-dropdown-modal ion-content .modal-header .input-wrapper input.searching {
  cursor: unset;
}

page-gdx-dropdown-modal ion-content .modal-header .input-wrapper input.searching:focus {
  border: 1px solid #F68A22;
}

page-gdx-dropdown-modal ion-content .modal-header .input-wrapper .arrow-options {
  position: absolute;
  right: 20px;
  top: 20px;
  -webkit-transition: all 150ms;
  transition: all 150ms;
}

page-gdx-dropdown-modal ion-content .modal-header .input-wrapper .arrow-options.arrow-open {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

page-gdx-dropdown-modal ion-content .modal-body {
  padding: 16px;
}

page-gdx-dropdown-modal ion-content .modal-body .option-dropdown {
  margin: 0;
  padding: 16px;
  border-bottom: 1px solid #DBDBE1;
  font-size: 16px;
}

page-gdx-dropdown-modal ion-content .modal-body .option-dropdown.selected {
  background: #F68A22;
  color: #fff;
}

page-gdx-dropdown-modal ion-content .modal-body .option-dropdown.goup-label {
  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;
}

page-gdx-dropdown-modal ion-content .modal-body .option-dropdown.goup-label p {
  margin: 0;
}

page-gdx-dropdown-modal ion-content .modal-body .option-dropdown.goup-label p:last-child {
  color: #F68A22;
}

page-gdx-dropdown-modal ion-content .modal-body .option-dropdown.goup-label.selected p:last-child {
  color: #fff !important;
}

page-gdx-dropdown-modal ion-content .modal-body .option-dropdown.empty {
  color: #dbdbe1;
  text-align: center;
  padding: 10px;
  cursor: unset;
}

page-gdx-dropdown-modal ion-content .modal-body .infinite-loadmore {
  min-height: 30px;
  padding: 10px 0;
}

page-gdx-dropdown-modal ion-content .modal-body .infinite-loadmore .load-marker {
  width: 100%;
}

page-gdx-dropdown-modal ion-content .modal-body .infinite-loadmore .loading {
  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;
}

gdx-footer .gdx-footer {
  border: none;
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  background: #fff;
  padding: 3px 18px;
  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;
}

gdx-footer .gdx-footer ion-footer {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

gdx-footer .gdx-footer ion-footer:before {
  background-image: none !important;
  display: none;
}

@media screen and (min-width: 768px) {
  gdx-footer .gdx-footer {
    width: calc(100% - 8px);
  }
  gdx-footer .gdx-footer ion-footer {
    width: calc(100% - 64px - 72px);
    padding: 0px 20px;
    margin: 0 auto;
  }
  gdx-footer .gdx-footer.mini-footer {
    width: calc(100% - 8px);
  }
  gdx-footer .gdx-footer.mini-footer ion-footer {
    max-width: 51%;
    margin: 0 auto;
  }
}

@media screen and (max-width: 360px) {
  gdx-footer .gdx-footer {
    padding: 3px 10px;
  }
  gdx-footer .gdx-footer ion-footer {
    padding: 0px;
  }
}

gdx-get-to-know {
  width: 100%;
}

gdx-get-to-know .context {
  border-radius: 10px;
  padding: 13px 10px;
  -webkit-box-shadow: 1px 3px 20px -2px rgba(0, 0, 0, 0.18);
  box-shadow: 1px 3px 20px -2px rgba(0, 0, 0, 0.18);
  width: 90%;
  margin: 0 auto;
  background: #fff;
}

gdx-get-to-know .context ion-icon.help {
  font-size: 25px;
  font-weight: 800;
}

gdx-get-to-know .context ion-label {
  font-weight: 700;
  margin: 0 0 5px 0 !important;
}

gdx-get-to-know .context p {
  color: #F68A22;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

gdx-get-to-know .context p ion-icon {
  margin-left: 7px;
  font-size: 14px;
  margin-top: 2px;
}

@media screen and (min-width: 768px) {
  gdx-get-to-know .context {
    max-width: 230px;
    position: absolute;
    right: 35px;
    margin: 0 0 0 auto;
  }
}

gdx-header .header-ios .toolbar-ios {
  padding-left: 12px;
}

gdx-header ion-header {
  border: none !important;
  background-color: transparent !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

gdx-header ion-header .toolbar-background {
  border: none !important;
  background: transparent;
}

gdx-header ion-header .back-button-ios {
  margin-right: 12px;
}

gdx-header ion-header .back-button-ios ion-icon,
gdx-header ion-header .back-button-ios span {
  color: #000;
}

gdx-header ion-header .toolbar-title-md {
  padding: 0 !important;
}

gdx-header ion-header div[opt-buttons] button {
  border-radius: 10px;
}

gdx-header ion-header div[opt-buttons] button .button-inner span {
  margin-left: 5px;
}

gdx-header ion-header div[opt-buttons] button {
  background: none !important;
  color: #161616;
}

gdx-header ion-header div[opt-buttons] button .button-inner ion-icon {
  margin-right: 5px;
}

@media screen and (max-width: 768px) {
  gdx-header ion-header ion-navbar.dynamic ion-buttons {
    margin-top: 8px;
    width: auto;
  }
  gdx-header ion-header ion-navbar.toolbar.toolbar-ios {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  gdx-header ion-header ion-navbar.toolbar.toolbar-md {
    padding-top: 10px !important;
  }
  gdx-header ion-header ion-navbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  gdx-header ion-header ion-navbar ion-buttons {
    margin: 0 1.2rem;
  }
  gdx-header ion-header ion-navbar gd-iconbutton button {
    padding: 0 5px;
  }
  gdx-header ion-header ion-navbar gd-iconbutton button .button-inner svg-icon {
    margin: 0;
  }
  gdx-header ion-header ion-navbar gd-iconbutton button .button-inner svg-icon + span {
    display: none;
  }
  gdx-header ion-header ion-navbar div[opt-buttons] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  gdx-header ion-header ion-navbar div[opt-buttons] ion-searchbar.full {
    position: absolute;
    top: 6px;
    left: 0;
    width: 100%;
    z-index: 2;
  }
  gdx-header ion-header ion-navbar div[opt-buttons] ion-searchbar.icon {
    width: 44px;
    height: 36px;
    overflow: hidden;
    border-radius: 10px;
    margin: 4px;
  }
  gdx-header ion-header ion-navbar div[opt-buttons] ion-searchbar.icon .searchbar-search-icon {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
    left: 8px;
    top: 9px;
    background-size: 23px;
  }
  gdx-header ion-header ion-navbar div[opt-buttons] ion-searchbar.icon input {
    border-radius: 10px !important;
    border: none !important;
    background: none !important;
  }
  gdx-header ion-header ion-navbar div[opt-buttons] button {
    contain: initial;
    overflow: unset;
    width: 36px;
    background: none !important;
    font-size: 20px !important;
    color: #161616;
    height: 36px !important;
    min-width: 36px !important;
  }
  gdx-header ion-header ion-navbar div[opt-buttons] button .button-inner ion-icon {
    margin-right: 0px;
  }
  gdx-header ion-header ion-navbar div[opt-buttons] button .button-inner span {
    margin-left: 0;
    pointer-events: none;
    background: #232323;
    padding: 6px 12px;
    position: absolute;
    border-radius: 8px;
    right: calc(100% + 3px);
    text-align: right;
    text-transform: capitalize;
    font-size: 13px;
    color: white !important;
    opacity: 0;
    -webkit-transform: translate3d(8px, 0px, 0px);
    transform: translate3d(8px, 0px, 0px);
  }
  gdx-header ion-header ion-navbar div[opt-buttons] button:hover {
    background: rgba(0, 0, 0, 0.05) !important;
  }
  gdx-header ion-header ion-navbar div[opt-buttons] button:hover .button-inner > span {
    -webkit-animation-name: tooltip;
    animation-name: tooltip;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
  }
  @-webkit-keyframes tooltip {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(8px, 0px, 0px);
      transform: translate3d(8px, 0px, 0px);
    }
    15% {
      opacity: 1;
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
    50% {
      opacity: 1;
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
    85% {
      opacity: 1;
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(8px, 0px, 0px);
      transform: translate3d(8px, 0px, 0px);
    }
  }
  @keyframes tooltip {
    0% {
      opacity: 0;
      -webkit-transform: translate3d(8px, 0px, 0px);
      transform: translate3d(8px, 0px, 0px);
    }
    15% {
      opacity: 1;
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
    50% {
      opacity: 1;
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
    85% {
      opacity: 1;
      -webkit-transform: translate3d(0px, 0px, 0px);
      transform: translate3d(0px, 0px, 0px);
    }
    100% {
      opacity: 0;
      -webkit-transform: translate3d(8px, 0px, 0px);
      transform: translate3d(8px, 0px, 0px);
    }
  }
}

gdx-header ion-header ion-title {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: unset !important;
  padding: 0 !important;
}

gdx-header ion-header ion-title .toolbar-title div {
  text-overflow: ellipsis;
  overflow: hidden;
}

gdx-header ion-header .toolbar-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10px 0 0;
  overflow: hidden;
}

gdx-header ion-header .toolbar-content .toolbar-title.toolbar-title-ios {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

gdx-header ion-header .toolbar-content [end] {
  width: 100%;
  text-align: end;
}

gdx-header ion-header .ion-navbar {
  padding: 15px 0;
}

gdx-header .header-md::after {
  background-image: none;
}

@media screen and (min-width: 768px) {
  gdx-header ion-header {
    margin: 0 0 0 64px;
    width: calc(100% - 64px - 72px);
  }
  gdx-header ion-header .toolbar-content {
    padding: 0 0 0 10px;
  }
  gdx-header ion-header.mini-header {
    width: calc(100% - 8px);
    margin: 0;
  }
  gdx-header ion-header.mini-header ion-navbar {
    max-width: 52%;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  gdx-header ion-header.mini-header ion-navbar {
    max-width: 85% !important;
  }
}

::ng-deep ion-title.title-ios {
  position: unset !important;
  padding: 0 !important;
}

gdx-input-currency .currency-container {
  z-index: 5;
}

gdx-input-currency .currency-container .currency-label {
  font-size: 12px;
  margin-top: 0;
  margin-bottom: 3px;
}

gdx-input-currency .currency-container .error-msg {
  margin-top: 5px;
  min-height: 22px;
  font-size: 12px !important;
  color: #F0624D;
}

gdx-input-currency .currency-container input {
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 10px;
  outline: none;
  color: #222;
  background-color: #F2F5FA;
}

gdx-input-currency .currency-container .autocomplete-box {
  padding: 10px 0 5px;
}

gdx-input-currency .currency-container p.suggestion {
  color: #A5B0B7;
  text-align: center;
  margin: 0;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 5px;
  font-size: 14px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 calc(33.33% - 4px);
  -ms-flex: 0 1 calc(33.33% - 4px);
  flex: 0 1 calc(33.33% - 4px);
  cursor: pointer;
  background-color: white;
}

gdx-input-currency .currency-container p.suggestion:hover {
  background-color: rgba(0, 0, 0, 0.03);
}

gdx-input-currency .currency-container .currency-footer {
  background-color: #ECEFF0;
  padding: 6px;
  border-top: 1px solid #dbdbe1;
}

gdx-input-currency .currency-container .currency-footer .suggestion {
  border-color: #D7DAE0;
  background-color: transparent;
  font-size: 18px;
  margin: auto 0;
}

gdx-input-date .box .calendar {
  padding: 8px 15px;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

gdx-input-date .box .calendar ion-label.placeholder {
  color: #A5B0B7;
  opacity: 0.6;
}

gdx-input-date .box ion-icon {
  font-size: 24px;
  color: #A5B0B7;
}

gdx-input-date .box .section {
  width: 100% !important;
}

gdx-input-date .single-box ion-label {
  font-size: 12px !important;
}

gdx-input-date .multi-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

gdx-loading .box-loader {
  width: 17px;
  height: 17px;
  position: relative;
}

gdx-loading .box-loader .box {
  width: 50%;
  height: 50%;
  background-color: none;
  position: absolute;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  opacity: .95;
}

gdx-loading .box-loader .box .fill {
  background: #fff;
  height: 80%;
  width: 80%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 15%;
}

gdx-loading .box-loader .box:nth-child(1) {
  -webkit-transform: translate3d(0px, 0px, 0px);
  transform: translate3d(0px, 0px, 0px);
  -webkit-animation-name: box-1;
  animation-name: box-1;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  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;
}

gdx-loading .box-loader .box:nth-child(2) {
  -webkit-transform: translate3d(100%, 0px, 0px);
  transform: translate3d(100%, 0px, 0px);
  -webkit-animation-name: box-2;
  animation-name: box-2;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  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;
}

gdx-loading .box-loader .box:nth-child(3) {
  -webkit-transform: translate3d(100%, 100%, 0px);
  transform: translate3d(100%, 100%, 0px);
  -webkit-animation-name: box-3;
  animation-name: box-3;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  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;
}

gdx-loading .dark .box .fill {
  background-color: #222 !important;
}

gdx-loading .primary .box .fill {
  background-color: #F68A22 !important;
}

gdx-loading .secondary-text .box .fill {
  background-color: #A5B0B7 !important;
}

gdx-loading .success .box .fill {
  background-color: #2BB34D !important;
}

gdx-loading .danger .box .fill {
  background-color: #F0624D !important;
}

gdx-loading .new-badge .box .fill {
  background-color: #63BEFB !important;
}

gdx-loading .outline .box .fill {
  background-color: #dbdbe1 !important;
}

@keyframes box-1 {
  8.333333333333333% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  16.66666666666667% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  25% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  33.33333333333333% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  41.66666666666667% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  50% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  58.33333333333333% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  66.66666666666666% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  75% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  83.33333333333333% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  91.66666666666666% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  100% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
}

@keyframes box-2 {
  8.333333333333333% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  16.66666666666667% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  25% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  33.33333333333333% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  41.66666666666667% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  50% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  58.33333333333333% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  66.66666666666666% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  75% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  83.33333333333333% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  91.66666666666666% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  100% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
}

@keyframes box-3 {
  8.333333333333333% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  16.66666666666667% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  25% {
    -webkit-transform: translate3d(0px, 100%, 0px);
    transform: translate3d(0px, 100%, 0px);
  }
  33.33333333333333% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  41.66666666666667% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  50% {
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
  }
  58.33333333333333% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  66.66666666666666% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  75% {
    -webkit-transform: translate3d(100%, 0px, 0px);
    transform: translate3d(100%, 0px, 0px);
  }
  83.33333333333333% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  91.66666666666666% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
  100% {
    -webkit-transform: translate3d(100%, 100%, 0px);
    transform: translate3d(100%, 100%, 0px);
  }
}

gdx-modal {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
  display: block;
  overflow: hidden;
}

gdx-modal .no-transform {
  -webkit-transform: translate3d(0px, 0px, 0px) !important;
  transform: translate3d(0px, 0px, 0px) !important;
}

gdx-modal .modal-container {
  height: calc(100% - 90px);
  margin-top: 90px;
  background: #fff;
  position: relative;
  border-radius: 20px 20px 0 0;
}

gdx-modal .modal-container .content-toggle {
  padding: 14px 18px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 999999;
  border-radius: 20px 20px 0 0;
}

gdx-modal .modal-container .content-toggle .toggle {
  width: 70px;
  height: 5px;
  background-color: #EAECEE;
  border-radius: 50px;
}

gdx-modal .modal-container .close-btn {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 23px;
  height: 23px;
  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;
  z-index: 2;
  text-align: center;
  border-radius: 100px;
  cursor: pointer;
  opacity: .5;
  -webkit-transition: all 250ms;
  transition: all 250ms;
  display: none;
}

gdx-modal .modal-container .close-btn ion-icon {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

gdx-modal .modal-container .close-btn:hover {
  opacity: 1;
  background: rgba(222, 222, 222, 0.5);
}

gdx-modal .modal-container .container {
  height: 100%;
}

gdx-modal .modal-container .block-pan {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 3;
  display: none;
}

gdx-modal .modal-container ion-content.content-md {
  height: calc(100% - 33px) !important;
}

gdx-modal .modal-container ion-content.content-md .scroll-content {
  -ms-touch-action: pan-down;
  touch-action: pan-down;
}

gdx-modal .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media screen and (min-width: 768px) {
  gdx-modal .modal-container {
    height: calc(100% - 90px - 90px);
    margin: 90px auto;
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 50%;
    max-width: 647px;
  }
  gdx-modal .modal-container .content-toggle {
    display: none !important;
  }
  gdx-modal .modal-container .close-btn {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
  }
  gdx-modal ion-content {
    height: 100% !important;
  }
  gdx-modal .small {
    width: 50%;
    max-width: 400px;
  }
  gdx-modal .normal {
    width: 50%;
    max-width: 647px;
  }
  gdx-modal .large {
    width: 80%;
    max-width: 890px;
  }
}

page-gdx-numeric-stepper .hitung {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  place-content: space-evenly;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  border-radius: 3px;
  border: 1px solid #c4c6cc;
}

page-gdx-numeric-stepper .hitung .icon {
  padding: 12px;
}

page-gdx-numeric-stepper .hitung .icon img {
  width: 22px;
  height: 22px;
}

page-gdx-numeric-stepper .hitung .icon:hover {
  background: #e9e9e9;
  cursor: pointer;
}

page-gdx-numeric-stepper .hitung .icon:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

page-gdx-numeric-stepper .hitung .angka {
  padding: 12px;
}

page-gdx-numeric-stepper .hitung .angka ion-label.label.label-md {
  margin: 0 !important;
}

gdx-progress-bar .progress-box {
  height: 10px;
  background: #eeeeee;
  border-radius: 100px;
  width: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  overflow: hidden;
  position: relative;
}

gdx-progress-bar .progress-box .progress-bar {
  height: 100%;
  max-width: 100%;
  border-radius: 100px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

gdx-progress-bar .progress-box .linear-bar {
  background-image: -webkit-gradient(linear, left top, right top, color-stop(30%, #63BEFB), color-stop(58%, #b6e2ff), color-stop(85%, #63BEFB)) !important;
  background-image: linear-gradient(to right, #63BEFB 30%, #b6e2ff 58%, #63BEFB 85%) !important;
  background-position: 200% 0px;
  background-size: 148% 180% !important;
  -webkit-animation: loading 1000ms infinite;
  animation: loading 1000ms infinite;
  background: #63BEFB;
}

gdx-progress-bar .progress-box .flat-bar {
  background: #F68A22;
}

gdx-progress-bar .progress-box .primary {
  background: #F68A22;
}

gdx-progress-bar .progress-box .new-badge {
  background: #63BEFB;
}

gdx-progress-bar .progress-box .danger {
  background: #F0624D;
}

gdx-progress-bar .progress-box .success {
  background: #2BB34D;
}

@-webkit-keyframes loading {
  0% {
    background-position: 200% 0px;
  }
  100% {
    background-position: -90% 0px;
  }
}

@keyframes loading {
  0% {
    background-position: 200% 0px;
  }
  100% {
    background-position: -90% 0px;
  }
}

gdx-progress-bar .progress-box.indeterminate .progress-bar:first-child {
  width: 70%;
  -webkit-animation: indeterminate-box1 2500ms infinite;
  animation: indeterminate-box1 2500ms infinite;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: absolute;
  left: 0;
}

gdx-progress-bar .progress-box.indeterminate .progress-bar:last-child {
  width: 70%;
  -webkit-animation: indeterminate-box2 2500ms infinite;
  animation: indeterminate-box2 2500ms infinite;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  position: absolute;
  left: 0;
}

@-webkit-keyframes indeterminate-box1 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  50% {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
  }
  100% {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
  }
}

@keyframes indeterminate-box1 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  50% {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
  }
  100% {
    -webkit-transform: translateX(150%);
    transform: translateX(150%);
  }
}

@-webkit-keyframes indeterminate-box2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  30% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 70%;
  }
  65% {
    width: 25%;
  }
  100% {
    -webkit-transform: translateX(500%);
    transform: translateX(500%);
    width: 25%;
  }
}

@keyframes indeterminate-box2 {
  0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  30% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    width: 70%;
  }
  65% {
    width: 25%;
  }
  100% {
    -webkit-transform: translateX(500%);
    transform: translateX(500%);
    width: 25%;
  }
}

gdx-rating .rating-preview > .star-box .star {
  width: 13.5px;
  height: 14px;
  margin: 0 3px;
}

gdx-rating .rating-preview.large {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

gdx-rating .rating-preview.large .star-box .star {
  width: 33.4px;
  height: 32px;
  margin: 0 8px;
}

gdx-rating .rating-preview.large .star-box .star:first-child {
  margin-left: 0;
}

gdx-rating .rating-preview.large .star-number {
  font-size: 24px;
}

gdx-rating .give-rating > .star-box {
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

gdx-rating .give-rating > .star-box .star {
  width: 40.4px;
  height: 39px;
  margin: 0;
  cursor: pointer;
}

gdx-rating .left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

gdx-rating .right {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

gdx-rating .center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

gdx-rating .center .star-box {
  margin: 0 auto;
}

gdx-rating .star-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

gdx-rating .star-container .star-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

gdx-rating .star-container .star-box .star {
  background-size: contain;
  background-repeat: no-repeat;
  -o-object-fit: cover;
  object-fit: cover;
  display: inline-block;
  text-align: left;
}

gdx-rating .star-container .star-box .active {
  background-image: url(../assets/icon_new/star-rate-icon.svg);
}

gdx-rating .star-container .star-box .nonactive {
  background-image: url(../assets/icon_new/star-rate-null-icon.svg);
}

gdx-rating .star-container .star-box .half {
  background-image: url(../assets/icon_new/star-rate-half.svg);
}

gdx-rating .star-container .star-box .split {
  margin: 0;
  position: absolute;
  width: 50%;
}

gdx-rating .star-container .full-star {
  width: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 768px;
}

gdx-rating .star-container .star-number {
  margin-left: 5px;
  font-weight: 700;
  color: #121212;
  font-size: 12px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  line-height: 15px;
}

@media screen and (min-width: 768px) {
  gdx-rating .large {
    width: 100% !important;
  }
}

gdx-segment .segment-area ion-icon {
  padding: 4px 10px;
  color: #222;
  font-size: 18px;
  cursor: pointer;
}

gdx-segment .segment-area ion-icon:hover {
  background-color: #ddd;
}

gdx-segment .segment-area ion-segment {
  padding-bottom: 10px;
}

gdx-segment .segment-area ion-segment-button {
  padding: 4px 8px !important;
  height: 40px !important;
}

gdx-segment ion-segment.segment-chip ion-segment-button.segment-button {
  border-radius: 100px !important;
}

gdx-segment ion-segment.segment-chip ion-segment-button.segment-button {
  background: rgba(219, 219, 225, 0.5) !important;
  color: #A5B0B7 !important;
  border: 2px solid #A5B0B7 !important;
}

gdx-segment ion-segment.segment-chip ion-segment-button.segment-button.gdx-segment-activated {
  background: rgba(246, 138, 34, 0.5) !important;
  color: #F68A22 !important;
  border: 2px solid #F68A22 !important;
}

gdx-segment ion-segment {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  padding: 10px 20px;
  overflow-x: auto;
}

gdx-segment ion-segment ion-segment-button.segment-button {
  width: auto !important;
  -webkit-box-flex: 0 !important;
  -webkit-flex: none !important;
  -ms-flex: none !important;
  flex: none !important;
  height: auto !important;
  padding: 0px 15px !important;
  font-size: 14px !important;
  margin-right: 8px !important;
  line-height: 28px !important;
}

gdx-segment ion-segment ion-segment-button.segment-button {
  color: #A5B0B7 !important;
  border-bottom: 2px solid transparent !important;
}

gdx-segment ion-segment ion-segment-button.segment-button.gdx-segment-activated {
  color: #F68A22 !important;
  border-bottom: 2px solid #F68A22 !important;
}

@media screen and (min-width: 768px) {
  gdx-segment {
    /* width */
    /* Handle */
  }
  gdx-segment ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  gdx-segment ::-webkit-scrollbar-thumb {
    background: #dbdbe1;
    border-radius: 10px;
  }
}

gdx-skeleton {
  display: block;
  /**
  class data-list-medium
  **/
}

gdx-skeleton .skeleton-section .avatar-skeleton, gdx-skeleton .skeleton-section .box-skeleton, gdx-skeleton .skeleton-section .round-skeleton {
  height: 42px;
  width: 42px;
  margin: 8px 12px 8px 0;
}

gdx-skeleton .skeleton-section .avatar-skeleton {
  border-radius: 200px;
}

gdx-skeleton .skeleton-section .activity-skeleton {
  border-radius: 10px;
  height: 60px;
  width: 60px;
  margin: 8px 24px 8px 0;
}

gdx-skeleton .skeleton-section .chat-skeleton {
  margin-right: 16px;
}

gdx-skeleton .skeleton-section .chat-skeleton .username {
  height: 12px;
  width: 80px;
  border-radius: 4px;
}

gdx-skeleton .skeleton-section .chat-skeleton .username-only {
  height: 14px;
  width: 150px;
  border-radius: 4px;
}

gdx-skeleton .skeleton-section .chat-skeleton .slug {
  height: 13px;
  width: 150px;
  border-radius: 4px;
}

gdx-skeleton .skeleton-section .chat-skeleton .slug.single {
  width: 160px !important;
  height: 14px !important;
}

gdx-skeleton .skeleton-section .chat-skeleton .slug.single.medium {
  width: 200px !important;
  height: 14px !important;
}

@media screen and (min-width: 768px) {
  gdx-skeleton .skeleton-section .cta-skeleton-icon.medium {
    width: 77px !important;
    height: 32px !important;
    border-radius: 4px !important;
  }
  gdx-skeleton .skeleton-section .cta-skeleton-icon.long {
    width: 91px !important;
    height: 32px !important;
    border-radius: 4px !important;
  }
}

gdx-skeleton .skeleton-section .cta-skeleton-icon.medium, gdx-skeleton .skeleton-section .cta-skeleton-icon.long {
  margin-right: 7px;
  width: 30px;
  height: 30px;
  border-radius: 200px;
}

gdx-skeleton .skeleton-section .cta-skeleton:last-child, gdx-skeleton .skeleton-section .small-cta-skeleton:last-child, gdx-skeleton .skeleton-section .long-cta-skeleton:last-child {
  margin-right: 2px !important;
}

gdx-skeleton .skeleton-section .cta-skeleton-text.single {
  height: 32px !important;
  width: 77px !important;
  border-radius: 4px !important;
}

gdx-skeleton .skeleton-section .small-cta-skeleton {
  margin-right: 5px;
  width: 27px;
  height: 27px;
  border-radius: 4px;
}

gdx-skeleton .skeleton-section .short-cta-skeleton {
  margin-right: 5px;
  width: 40px;
  height: 16px;
  border-radius: 4px;
}

gdx-skeleton .multi-list {
  margin: 13px 0;
}

gdx-skeleton .single-list {
  padding: 5px 0px;
}

gdx-skeleton .single-list.medium {
  padding: 10px 16px;
}

gdx-skeleton .single-list.medium:first-child {
  padding-top: 0 !important;
}

gdx-skeleton .row-skeleton {
  margin: 7px 20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

gdx-skeleton .row-skeleton .right-side .list-line {
  border-bottom: 1px solid #dedede;
  padding: 10px 0;
}

@media screen and (min-width: 761px) {
  gdx-skeleton .row-skeleton .right-side .list-line {
    width: 167%;
  }
}

@media screen and (max-width: 760px) {
  gdx-skeleton .row-skeleton .right-side .list-line {
    width: 100%;
  }
}

gdx-skeleton .row-skeleton .right-side .list-line .line {
  background: #dedede;
  margin: 6px 0;
  width: 100%;
}

.gdx-container gdx-tab-stepper .parent-stepper {
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -25px;
  margin-bottom: 16px;
}

.gdx-container .content-left gdx-tab-stepper .parent-stepper {
  margin-top: -35px;
}

.container .content-left {
  overflow: visible !important;
}

gdx-tab-stepper .disable-checker {
  pointer-events: none;
}

gdx-tab-stepper .parent-stepper {
  border: 1px solid #ccc;
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}

gdx-tab-stepper .parent-stepper .stepper-box {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

gdx-tab-stepper .parent-stepper .stepper-box .stepper-section {
  height: 100%;
  -webkit-clip-path: polygon(-1% 0%, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, -1% 100%);
  clip-path: polygon(-1% 0%, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, -1% 100%);
  background-color: #ccc;
}

gdx-tab-stepper .parent-stepper .stepper-box .stepper-section .stepper-layer {
  width: calc(100% - 1.4px);
  height: 100%;
  padding: 10px 14px;
  -webkit-clip-path: polygon(-1% 0%, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, -1% 100%);
  clip-path: polygon(-1% 0%, calc(100% - 12px) 0, 100% 50%, calc(100% - 12px) 100%, -1% 100%);
  background-color: #e9ebee;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

gdx-tab-stepper .parent-stepper .stepper-box .stepper-section .stepper-layer .number-wrapper {
  border-radius: 200px;
  width: 24px;
  height: 24px;
}

gdx-tab-stepper .parent-stepper .stepper-box .stepper-section .stepper-layer .number-wrapper ion-label {
  color: white !important;
  font-size: 16px !important;
  font-family: "bold" !important;
}

gdx-tab-stepper .parent-stepper .stepper-box .stepper-section .stepper-layer .title {
  display: none;
}

@media screen and (min-width: 1280px) {
  gdx-tab-stepper .parent-stepper .stepper-box .stepper-section .stepper-layer .title {
    display: block;
    margin-left: 6px;
    font-size: 14px !important;
    font-family: "bold" !important;
  }
}

gdx-tab-stepper .parent-stepper .stepper-box:last-child .stepper-section {
  -webkit-clip-path: none;
  clip-path: none;
  background-color: transparent;
}

gdx-tab-stepper .parent-stepper .stepper-box:last-child .stepper-section .stepper-layer {
  -webkit-clip-path: none;
  clip-path: none;
}

gdx-tab-stepper .parent-stepper .complete-box {
  background-color: white;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

gdx-tab-stepper .parent-stepper .complete-box .stepper-section .stepper-layer {
  background-color: white !important;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

gdx-tab-stepper .parent-stepper .complete-box .stepper-section .stepper-layer .number-wrapper {
  background-color: #63BEFB;
}

gdx-tab-stepper .parent-stepper .complete-box .stepper-section .stepper-layer .title {
  color: #222 !important;
}

gdx-tab-stepper .parent-stepper .incomplete-box .number-wrapper {
  background-color: #dddddd;
}

gdx-tab-stepper .parent-stepper .incomplete-box .title {
  color: #A5B0B7 !important;
}

gdx-tab-stepper .parent-stepper .incomplete-box,
gdx-tab-stepper .parent-stepper .active-box {
  background-color: #e9ebee !important;
}

gdx-tab-stepper .checker-stepper .checker-box .top {
  margin-bottom: 10px;
}

gdx-tab-stepper .checker-stepper .checker-box .top .checker-section .number-wrap {
  width: 24px;
  height: 24px;
  border-radius: 200px;
  padding: 4px;
}

gdx-tab-stepper .checker-stepper .checker-box .top .checker-section .number-wrap ion-icon {
  color: white !important;
  font-size: 16px;
}

gdx-tab-stepper .checker-stepper .checker-box .top .hub {
  height: 2px;
  background-color: #c6e7fe;
}

gdx-tab-stepper .checker-stepper .checker-box .top .transparant {
  background-color: transparent !important;
}

gdx-tab-stepper .checker-stepper .checker-box .bottom p {
  font-size: 12px;
  text-align: center;
  color: #0693f2;
  font-family: 'regular';
}

gdx-tab-stepper .checker-stepper .complete-box .number-wrap {
  background-color: #0693f2;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

gdx-tab-stepper .checker-stepper .incomplete-box .number-wrap {
  background-color: #c6e7fe;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

gdx-table .table-container {
  padding-bottom: 200px;
}

gdx-table .table-container table {
  width: 100%;
}

gdx-table .table-container table th,
gdx-table .table-container table .gdx-td {
  padding: 8px 16px;
}

gdx-table .table-container table td img {
  vertical-align: middle;
}

gdx-table .table-container table th ion-label {
  font-family: "bold";
  text-align: start;
}

gdx-table .table-container table td .ion-label {
  font-size: 16px;
  color: #aaaaaa;
  padding: 18px 26px;
}

gdx-table .table-container table td.first-col {
  color: #121212;
}

gdx-table .table-container table .label-align {
  color: #c7cfdb;
  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;
}

gdx-table .table-container table .label-align .checkbox-header {
  margin-right: 5px;
  height: 20px;
}

gdx-table .table-container table .gdx-row-mobile {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
  border-radius: 6px;
  border: 1px solid #dbdbe1;
}

gdx-table .table-container table .gdx-row-mobile ion-label {
  margin: 0 !important;
}

gdx-table .table-container table .gdx-row {
  background-color: white;
  margin-bottom: 14px;
}

gdx-table .table-container table .gdx-row button {
  text-transform: capitalize;
  font-size: 14px;
  font-family: "bold";
}

gdx-table .table-container table .gdx-row button svg-icon {
  margin-right: 7px;
}

gdx-table .table-container table .gdx-button-mobile {
  border-top: 1px solid #dbdbe1;
  padding: 10px 16px;
  margin-top: 10px;
}

gdx-table .table-container table .gdx-button-mobile div {
  margin-right: 16px;
}

gdx-table .table-container table .gdx-button-mobile div:last-child {
  margin-right: 0;
}

gdx-table .table-container table .divider {
  height: 14px;
}

gdx-table .table-container-mobile {
  padding: 16px;
}

gdx-table .table-container-mobile .gdx-td .mobile-header {
  font-family: "medium";
  margin-bottom: 5px;
  color: #A5B0B7;
}

gdx-table .table-container-mobile .gdx-td p {
  margin: 0;
  color: #222;
}

gdx-table .td-btn-box {
  width: 83px;
}

gdx-table .td-btn-box > div {
  padding: 8px 4px !important;
}

gdx-table .td-btn-box > div div {
  width: 100%;
}

gdx-table .td-btn-box > div div button {
  font-size: 12px;
  font-family: "bold";
}

gdx-table .td-btn-box:last-child > div {
  padding-right: 16px !important;
}

gdx-table .td-btn-firstchild > div {
  padding-left: 16px !important;
}

gdx-table-editable {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}

gdx-table-editable .table-container {
  position: relative;
}

gdx-table-editable .free {
  background: blue;
}

gdx-table-editable .gd-table {
  background: #f3f5f7;
  /* width: 100%; */
  /* width: 725px; */
  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-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 10px 15px;
}

gdx-table-editable .gd-table-header {
  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;
  min-height: 50px;
  position: -webkit-sticky;
  position: sticky;
  height: 50px;
  right: 0;
  top: 0;
  z-index: 99;
  background: #f3f5f7;
}

gdx-table-editable .gd-table-header .gd-record-number {
  margin: 0;
  height: auto;
  z-index: 3;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #737373;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
  padding: 8px 0 8px 8px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

gdx-table-editable .gd-table-title {
  /* background: #78CBBF; */
  padding: 8px 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  /* border: 0.2px solid rgb(158, 211, 203); */
  font-size: 12px;
  /* opacity: 0.9; */
  text-align: left;
  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;
  /* justify-content: center; */
  position: relative;
  font-family: 'Open Sans', sans-serif;
  padding-left: 8px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #737373;
  font-weight: 600;
  text-transform: uppercase;
}

gdx-table-editable .gd-table-body {
  /* height: 500px; */
  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;
}

gdx-table-editable .gd-table-record-number {
  background: #e9e9e9;
  /* padding: 8px 8px 8px 3px; */
  width: 40px;
  max-width: 40px;
  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: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

gdx-table-editable .gd-record-number {
  font-family: 'Open Sans', sans-serif;
  width: 40px;
  min-width: 40px;
  font-size: 14px;
  text-align: right;
  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;
}

gdx-table-editable .gd-record-number span {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-right: 10px;
  color: #737373;
  font-size: 14px;
  font-weight: 600;
}

gdx-table-editable .gd-table-record-number span {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding: 0 10px;
  font-family: 'Open Sans', sans-serif;
}

gdx-table-editable .gd-table-body > .gd-table-record-number {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
}

gdx-table-editable .gd-table-record-data {
  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: relative;
  min-width: 100%;
}

gdx-table-editable .gd-table-fixed-left {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 40px;
  height: 100%;
  background: #E9E9E9;
}

gdx-table-editable .gd-table-record-data-fixed {
  width: auto;
  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;
}

gdx-table-editable .gd-record-fixed-row {
  height: 32px;
  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;
  margin: 8px 0;
  border-right: 2px solid #bababa;
}

gdx-table-editable .gd-record-fixed-column {
  background: #fff;
  padding: 0px 8px;
  min-width: 120px;
  max-width: 120px;
  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-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #545454;
}

gdx-table-editable .fixed-column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 5;
}

gdx-table-editable .fixed-column .gd-record-fixed-column:last-child {
  border-right: 1.9px solid #F1A933;
  /* box-shadow: 0px 0px 20px -13px rgba(0,0,0,0.3); */
}

gdx-table-editable .gd-record-row.onedit-row {
  background: #fff9f0;
}

gdx-table-editable .gd-record-row.onedit-row .fixed-column .gd-record-number {
  border-left: 3px solid #F1A933;
}

gdx-table-editable .gd-record-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;
  margin: 8px 0;
  -webkit-box-shadow: 0px 0px 20px -13px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 20px -13px rgba(0, 0, 0, 0.3);
  background: #fff;
  /* padding: 15px 0px; */
}

gdx-table-editable .column-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 7px 15px;
  width: 100%;
}

gdx-table-editable .gd-record-column {
  padding: 5px 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
  -ms-flex: 1 1;
  flex: 1 1;
  /* height: 32px; */
  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-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  /* text-overflow: ellipsis;
        white-space: nowrap; */
  border: 1.7px solid rgba(224, 135, 63, 0);
}

gdx-table-editable .gd-record-column:focus {
  border: 1.7px solid rgba(224, 135, 63, 0.8);
  z-index: 1;
  /* border: 2px solid rgb(224, 135, 63); */
  outline: none;
}

gdx-table-editable .gd-record-column.noutline {
  outline: none !important;
}

gdx-table-editable .gd-attr-column {
  border: none !important;
  outline: none;
}

gdx-table-editable .gd-record-column input {
  width: 100%;
  border: none;
  font-family: 'Open Sans', sans-serif;
  text-overflow: ellipsis;
  border: 1px solid #bbbbbb;
  border-radius: 3px;
  padding: 2px 7px;
}

gdx-table-editable .gd-record-column input:disabled {
  border: none;
  background: none;
  outline: none;
}

gdx-table-editable input::-webkit-outer-spin-button,
gdx-table-editable input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

gdx-table-editable input[type=number] {
  -moz-appearance: textfield;
}

gdx-table-editable .gd-record-column input.editing {
  background: #e6e6e6;
}

gdx-table-editable .gd-record-column .text-view {
  width: 100%;
  padding: 3px 8px;
}

gdx-table-editable .gd-record-column select {
  width: 100%;
  border-radius: 3px;
  padding: 2.4px 7px;
}

gdx-table-editable .gd-record-column select:focus {
  outline: auto;
}

gdx-table-editable .gd-button {
  margin: 0 auto;
  background: #A5B0B7;
  border: none;
  color: #50c0c4;
  padding: 5px 15px;
  border-radius: 10px;
  cursor: pointer;
}

gdx-table-editable button.gd-button:focus,
gdx-table-editable button.gdx-table-button-edit:focus {
  background: #63BEFB !important;
  color: #fff;
  outline: none;
}

gdx-table-editable .button.gdx-table-button-cancel:focus {
  background: #63BEFB !important;
}

gdx-table-editable button.button-save:focus {
  background: #6db9ec !important;
  color: #fff;
  outline: none;
}

gdx-table-editable button.gdx-table-button-edit, gdx-table-editable button.gdx-table-button-cancel {
  background: #A5B0B7;
  border-radius: 200px;
  min-width: 40px;
  height: 40px;
  padding: 0;
  overflow: unset;
  contain: layout;
}

gdx-table-editable button.gdx-table-button-edit .button-tooltip, gdx-table-editable button.gdx-table-button-cancel .button-tooltip {
  position: absolute;
  top: 0;
  background: #101010;
  padding: 5px 9px;
  font-size: 12px;
  border-radius: 3px;
  line-height: 12px;
  z-index: 999;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 0;
}

gdx-table-editable button.gdx-table-button-edit:hover .button-tooltip,
gdx-table-editable button.gdx-table-button-cancel:hover .button-tooltip {
  -webkit-transform: translate3d(0px, -24px, 0px);
  transform: translate3d(0px, -24px, 0px);
  opacity: 1;
}

gdx-table-editable button.gdx-table-button-edit img.edit-icon {
  -webkit-filter: brightness(2);
  filter: brightness(2);
  width: 13px;
}

gdx-table-editable button.gdx-table-button-edit img.check-icon {
  -webkit-filter: invert(1);
  filter: invert(1);
  width: 21px;
}

gdx-table-editable button.gdx-table-button-cancel img.close-icon {
  -webkit-filter: brightness(2);
  filter: brightness(2);
  width: 13px;
}

gdx-table-editable button.gdx-table-button-cancel:hover {
  background: #fb745e !important;
}

gdx-table-editable .button-save {
  background: #3498db !important;
  color: #fff;
}

gdx-table-editable ion-item .item-inner {
  border: none !important;
}

gdx-table-editable ion-select {
  max-width: 100%;
  width: 100%;
  background: #fff;
  border: 1px solid #d1d1d1;
  border-radius: 10px;
  padding: 7px 10px !important;
  font-size: 14px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

gdx-table-editable input[type="checkbox"]:focus {
  border-color: #ffffcc;
}

gdx-table-editable img.lock {
  width: 10px;
  height: 13px;
  position: absolute;
  right: 4px;
  top: 5px;
  opacity: 0;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

gdx-table-editable .gd-record-column:focus .lock {
  opacity: 0.3;
}

gdx-table-editable .gd-multiple-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;
}

gdx-table-editable .gd-multiple-icon {
  width: 14px;
}

gdx-table-editable .gd-table-skeleton-area .gd-table-skeleton-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

gdx-table-editable .gd-table-skeleton-area .gd-table-skeleton-row .gd-table-skeleton-column {
  height: 22px;
  width: 100%;
  margin: 25px 10px;
  border-radius: 3px !important;
}

gdx-table-editable .gd-table-empty-area {
  text-align: center;
  padding: 50px 0;
}

gdx-table-editable .gd-table-empty-area p {
  color: #FBAC5E !important;
  font-size: 12px !important;
  font-family: 'regular' !important;
  width: 170px;
  text-align: center;
  margin: 15px auto 0 auto;
}

gdx-upload-preview .container-box .img-box {
  border: 1px solid #dbdbe1;
  width: 202px;
  height: 80px;
  border-radius: 16px;
  padding: 10px;
}

gdx-upload-preview .container-box .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

gdx-upload-preview .container-box .upload-box button {
  font-size: 12px !important;
  border-color: #A5B0B7 !important;
  border-width: 2px !important;
  color: #A5B0B7 !important;
  font-weight: bold !important;
}

gdx-upload-preview .container-box .upload-box button svg-icon rect, gdx-upload-preview .container-box .upload-box button svg-icon circle, gdx-upload-preview .container-box .upload-box button svg-icon path {
  stroke: #A5B0B7;
}

gdx-upload-preview .container-box .upload-note {
  margin: 16px 0;
  white-space: normal !important;
}

gdx-upload-preview .container-box .preview-box {
  border: 1px solid #dbdbe1;
  border-radius: 16px;
  padding: 16px 10px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 600px;
}

gdx-upload-preview .container-box .preview-box .title {
  text-align: center;
  color: #A5B0B7 !important;
  font-size: 16px !important;
  font-weight: bold;
}

gdx-upload-preview .container-box .preview-box .iphone-section {
  width: 240px;
  height: 320px;
  position: relative;
}

gdx-upload-preview .container-box .preview-box .iphone-section .iphone-mockup {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

gdx-upload-preview .container-box .preview-box .iphone-section .iphone-logo {
  position: absolute;
  left: 50%;
  bottom: 20%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 96px;
  height: 96px;
  -o-object-fit: contain;
  object-fit: contain;
}

gdx-upload-preview .container-box .preview-box .payslip-section {
  width: 280px;
  height: 280px;
  position: relative;
}

gdx-upload-preview .container-box .preview-box .payslip-section .payslip-mockup {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

gdx-upload-preview .container-box .preview-box .payslip-section .payslip-logo {
  position: absolute;
  left: 70px;
  bottom: 155px;
  height: 50px;
  max-width: 160px;
  -o-object-fit: contain;
  object-fit: contain;
}

gdx-upload-preview .container-box .preview-box .payslip-section .company-box {
  position: absolute;
  left: 70px;
  bottom: 110px;
}

gdx-upload-preview .container-box .preview-box .payslip-section .company-box .company-text {
  font-size: 20px !important;
  color: #222 !important;
  font-weight: bold !important;
}

gdx-upload-preview .container-box .preview-box .payslip-section .company-box .location-text {
  color: #222 !important;
  font-size: 12px !important;
}

grd-banner .carousel-box {
  position: relative;
  width: 100%;
  margin-top: 20px;
}

grd-banner .carousel-container {
  width: 100%;
  overflow: hidden;
  padding: 0px 30px;
  margin-top: 35px;
}

grd-banner .carousel-container .carousel-wrapper .gd-section {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
}

grd-banner .carousel-container .carousel-wrapper .gd-section img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  pointer-events: none;
  padding: 0 10px;
}

@media screen and (min-width: 1280px) {
  grd-banner .carousel-container .carousel-wrapper .gd-section {
    max-height: 358px;
    height: 100%;
    text-align: center;
  }
  grd-banner .carousel-container .carousel-wrapper .gd-section img {
    padding: 0px !important;
    max-width: 90%;
  }
}

grd-banner .carousel-container .indicator-box {
  padding: 16px;
}

grd-banner .carousel-container .indicator-box .circle {
  width: 8px;
  height: 8px;
  border-radius: 200px;
  background-color: rgba(246, 138, 34, 0.4);
}

grd-banner .carousel-container .indicator-box .active {
  background-color: #f68a22 !important;
}

@media screen and (min-width: 1280px) {
  grd-banner .carousel-container {
    padding: 0px !important;
  }
  grd-banner .carousel-container:hover ~ .arrow.arrow-left, grd-banner .carousel-container:hover ~ .arrow.arrow-right {
    opacity: 1;
  }
  grd-banner .arrow.arrow-left:hover, grd-banner .arrow.arrow-right:hover {
    opacity: 1;
  }
  grd-banner .arrow {
    visibility: visible !important;
    opacity: 0;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms;
  }
  grd-banner .arrow.arrow-none {
    display: none !important;
  }
}

grd-banner .arrow {
  visibility: hidden;
  position: absolute;
  top: calc(50% - 20px);
  border: 1px solid #dbdbe1;
  border-radius: 200px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 32px;
  height: 32px;
  background-color: white;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
}

grd-banner .arrow-left {
  left: -16px;
}

grd-banner .arrow-right {
  right: -16px;
}

grd-banner .arrow-right img {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

grd-banner .is-animating {
  -webkit-transition: -webkit-transform 400ms cubic-bezier(0.5, 0, 0.5, 1);
  transition: -webkit-transform 400ms cubic-bezier(0.5, 0, 0.5, 1);
  transition: transform 400ms cubic-bezier(0.5, 0, 0.5, 1);
  transition: transform 400ms cubic-bezier(0.5, 0, 0.5, 1), -webkit-transform 400ms cubic-bezier(0.5, 0, 0.5, 1);
}

grd-selection .mobile-layout {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: reverse !important;
  -webkit-flex-direction: column-reverse !important;
  -ms-flex-direction: column-reverse !important;
  flex-direction: column-reverse !important;
  padding: 0 !important;
}

grd-selection .mobile-layout .left-box {
  height: 50vh !important;
}

grd-selection .mobile-layout .left-box, grd-selection .mobile-layout .right-box {
  width: 100%;
}

grd-selection .mobile-layout .right-box {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 0 auto !important;
  -ms-flex: 0 0 auto !important;
  flex: 0 0 auto !important;
  height: unset !important;
}

grd-selection .emp-box {
  border: 1px solid #dbdbe1;
  border-radius: 6px;
  margin-bottom: 16px;
  overflow: hidden;
}

grd-selection .emp-box input {
  outline: none;
  width: 100%;
  border: none;
  padding: 13px 16px;
}

grd-selection .tag-box {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 10px;
  max-height: 150px;
  overflow: auto;
  margin-bottom: 10px;
}

grd-selection .tag-box .tag-section {
  position: relative;
  border-radius: 100px;
  margin-bottom: 10px;
  height: 36px;
  padding: 0px 10px 0px 0px;
  background-color: #F68A22;
}

grd-selection .tag-box .tag-section img {
  width: 36px;
  height: 36px;
  border-radius: 200px;
}

grd-selection .tag-box .tag-section .close-box {
  background-color: rgba(0, 0, 0, 0.2);
  border-radius: 200px;
  width: 18px;
  height: 18px;
}

grd-selection .tag-box .tag-section .close-box ion-icon {
  color: white;
  font-size: 12px;
}

grd-selection .tag-box .tag-section ion-label {
  font-size: 12px !important;
  color: white !important;
}

grd-selection .selected {
  color: #F68A22;
}

grd-selection .removed {
  background: #F0624D;
  color: white !important;
  font-size: 10px !important;
  font-family: 'regular' !important;
  padding: 5px;
  border-radius: 200px;
}

grd-selection .added {
  background: #63BEFB;
  color: white !important;
  font-size: 10px !important;
  font-family: 'regular' !important;
  padding: 5px;
  border-radius: 200px;
}

grd-selection .edit {
  color: #A5B0B7 !important;
  font-size: 10px !important;
  font-family: 'regular' !important;
}

grd-selection .card-box {
  background: white;
  -webkit-box-shadow: 0px 13px 50px 0px rgba(226, 233, 237, 0.81);
  box-shadow: 0px 13px 50px 0px rgba(226, 233, 237, 0.81);
  border-radius: 15px;
  height: 100%;
  overflow: hidden;
}

grd-selection .card-box .search-box .search-section {
  padding: 13px 16px;
  border-radius: 10px;
  border: 1px solid #dbdbe1;
}

grd-selection .card-box .search-box .search-section input {
  border: none;
  width: 100%;
}

grd-selection .card-box .search-box .search-section ion-icon {
  font-size: 23px;
}

grd-selection .card-box .search-box button {
  color: #333333 !important;
  font-size: 14px !important;
  text-transform: capitalize;
  border-color: #dbdbe1 !important;
  border-radius: 10px;
}

grd-selection .card-box .title-box {
  position: -webkit-sticky;
  position: sticky;
}

grd-selection .card-box .list-box {
  overflow-y: auto;
  position: relative;
}

grd-selection .card-box .list-box .list-section {
  border-bottom: 1px solid #dbdbe1;
  padding: 8px 0;
  z-index: 10;
}

grd-selection .card-box .list-box .list-section image-component {
  width: 38px;
  height: 38px;
}

grd-selection .card-box .list-box .list-section image-component img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 200px;
}

grd-selection .card-box .list-box .list-section .detail-box ion-label {
  font-size: 14px !important;
  font-family: 'regular' !important;
}

grd-selection .card-box .list-box .list-section .detail-box ion-label:first-child {
  color: #333333 !important;
}

grd-selection .card-box .list-box .list-section .detail-box ion-label:last-child {
  color: #A5B0B7 !important;
}

grd-selection .card-box .list-box .list-section ion-icon {
  font-size: 12px;
  color: #A5B0B7;
  padding: 10px;
}

grd-selection .card-box .exchange-box {
  background: transparent;
  z-index: 1;
  height: 100%;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

grd-selection .card-box .left-box {
  z-index: 2;
  height: 100%;
}

grd-selection .card-box .left-box .title-box ion-label:last-child {
  color: #F68A22 !important;
}

grd-selection .card-box .right-box {
  z-index: 2;
  height: 100%;
}

grd-selection .card-box .right-box .title-box ion-label:last-child {
  color: #A5B0B7 !important;
}

grd-selection .card-box .right-box .list-section {
  border-left: 5px solid #F68A22;
  padding-left: 6px !important;
}

grd-selection .card-box .right-box .list-section .detail-box ion-label {
  width: 100px;
}

@-webkit-keyframes toForward {
  0% {
    left: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    border-left: 5px solid #F68A22;
    left: calc(100% + 18px);
    top: 0;
    opacity: 0;
  }
}

@keyframes toForward {
  0% {
    left: 0;
  }
  90% {
    opacity: 1;
  }
  100% {
    border-left: 5px solid #F68A22;
    left: calc(100% + 18px);
    top: 0;
    opacity: 0;
  }
}

grd-selection .animate-forward {
  border-left: 5px solid white;
  position: absolute;
  -webkit-animation-name: toForward;
  animation-name: toForward;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

grd-selection .default-forward {
  position: relative;
}

grd-selection .animate-forward-right {
  -webkit-animation-name: toForwardRight;
  animation-name: toForwardRight;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
}

@-webkit-keyframes toForwardRight {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes toForwardRight {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

grd-selection ion-select {
  position: relative;
}

group-access-tree .item-md.item-block .item-inner {
  padding-right: 8px;
  border-bottom: none;
}

group-access-tree .item-md.item-block .item-inner ion-select {
  position: absolute;
  right: 0;
  background: none !important;
  padding: 15px 25px !important;
}

group-access-tree .ios .select-ios,
group-access-tree .ios .select-md,
group-access-tree .md .select-ios,
group-access-tree .md .select-md {
  padding: 0px 0px !important;
}

group-access-tree .select-child:hover {
  cursor: pointer;
  color: Color((primary: #F68A22, secondary: #63BEFB, danger-low: #fb745e, light: #f4f4f4, dark: #222, favorite: #39B44A, darkgrey: #8e9093, emerald: #3498db, concrete: #bdc3c7, yellow: #ffff00, black: #000000, grey: #808080, red: #ed4956, notif: #17DFC4, new-badge: #63BEFB, accent: #63BEFB, skeleton: #dddddd, outline: #dbdbe1, secondary-text: #A5B0B7, text: #192528, label: #333333, hover: #eff2f4, hover-dark: rgba(162, 162, 162, 0.1), bgcard: #f2f5f8, bgcard2: #fcfcfc, bglabel: #E2E9ED, primary-light: #08b2be, bgicon: rgba(226, 233, 237, 0.6), primary-text: #189dae, white: #FFFFFF, success: #2BB34D, info: #1A73E8, warning: #FFAB00, danger: #F0624D, tam: #CC0400), primary);
}

group-access-tree .btn-select-child {
  background: transparent;
  font-size: 16px;
}

group-access-tree .line-margin {
  margin-right: 10px;
  line-height: 50px;
}

group-access-tree .m-left {
  margin-left: 20px;
}

group-access-tree .checkbox-md .checkbox-icon,
group-access-tree .checkbox-ios .checkbox-icon {
  border-radius: 50% !important;
  height: 1.5em !important;
  width: 1.5em !important;
  background-color: #F68A22;
  border: none;
}

group-access-tree details summary::-webkit-details-marker {
  display: none;
}

group-access-tree details summary::-moz-list-bullet {
  list-style-type: none;
  display: block;
}

group-access-tree summary ion-icon {
  font-size: 20px;
}

group-view-menu-tree .item-md.item-block .item-inner {
  padding-right: 8px;
  border-bottom: none;
}

group-view-menu-tree .item-md.item-block .item-inner ion-select {
  position: absolute;
  right: 0;
}

group-view-menu-tree .line-margin {
  margin-right: 10px;
  line-height: 50px;
}

group-view-menu-tree .line-container {
  margin-left: 20px;
}

group-view-menu-tree .m-left {
  margin-left: 20px;
}

group-view-menu-tree .checkbox-md .checkbox-icon,
group-view-menu-tree .checkbox-ios .checkbox-icon {
  border-radius: 50% !important;
  height: 1.5em !important;
  width: 1.5em !important;
  background-color: #F68A22;
  border: none;
}

group-view-menu-tree .hide-icon-summary {
  /* Hide default arrow */
}

group-view-menu-tree .hide-icon-summary details summary::-webkit-details-marker {
  display: none;
}

group-view-menu-tree .hide-icon-summary details summary::-moz-list-bullet {
  list-style-type: none;
  display: block;
}

group-view-menu-tree summary {
  height: 30px !important;
}

group-view-menu-tree .content-parent {
  position: relative;
  top: -30px;
  left: 20px;
}

group-view-menu-tree .child-margin {
  margin-top: 15px;
  margin-bottom: -15px;
}

image-component .initial {
  width: 46px;
  height: 46px;
  border-radius: 200px;
  background-color: #E2E9ED;
}

image-component .initial p {
  color: #A5B0B7;
  font-family: 'regular';
  font-size: 16px;
  text-transform: capitalize;
}

intro-welcome {
  /* Variant : for left positioned triangle
    ------------------------------------------ */
  /* Variant : for right positioned triangle
    ------------------------------------------ */
  /* THE TRIANGLE
    ------------------------------------------------------------------------------------------------------------------------------- */
  /* creates the smaller  triangle */
  /* Variant : top
    ------------------------------------------ */
  /* creates the larger triangle */
  /* creates the smaller  triangle */
  /* Variant : left
    ------------------------------------------ */
  /* creates the larger triangle */
  /* creates the smaller  triangle */
  /* Variant : right
    ------------------------------------------ */
  /* creates the larger triangle */
  /* creates the smaller  triangle */
  /* creates the smaller  triangle */
  /* creates the smaller  triangle */
  /* creates the smaller  triangle */
  /* creates the smaller  triangle */
  /* creates the smaller  triangle */
  /* creates the smaller  triangle */
}

intro-welcome .btn-more {
  float: left !important;
  color: brown !important;
  font-size: 12px !important;
  padding-top: 5px !important;
}

intro-welcome .overlay-started {
  width: 100%;
  height: 100%;
  position: absolute;
  /* center content using flex box */
  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;
  /* overlay */
  -webkit-box-shadow: 0 0 0 100px inset, 0 0 5px transparent;
  box-shadow: 0 0 0 100px inset, 0 0 5px transparent;
  background: rgba(0, 0, 0, 0.2);
  /* hover-out transition */
  -webkit-transition: -webkit-box-shadow 1s;
  transition: -webkit-box-shadow 1s;
  transition: box-shadow 1s;
  transition: box-shadow 1s, -webkit-box-shadow 1s;
}

intro-welcome .overlay-started .fab-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 56px !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

intro-welcome .overlay-started .fab-wrap ion-row ion-col {
  text-align: center;
}

intro-welcome .overlay-started .fab-wrap ion-row ion-col span {
  font-size: 65pt !important;
  color: #ccc;
}

intro-welcome .overlay-started .fab-wrap2 {
  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%;
  height: 100%;
}

intro-welcome .overlay-started .fab-wrap2 ion-row ion-col {
  text-align: center;
}

intro-welcome .overlay-started .fab-wrap2 ion-row ion-col span {
  font-size: 65pt !important;
  color: #ccc;
}

intro-welcome .hole {
  top: 0px;
  height: 100%;
  z-index: 20;
  position: fixed;
}

intro-welcome .triangle-border {
  position: relative;
  padding: 15px;
  margin: 1em 0 3em;
  border: 2px solid #F68A22;
  color: #333;
  background: #fff;
  /* css3 */
  border-radius: 10px;
}

intro-welcome .triangle-border.left {
  margin-left: 30px;
}

intro-welcome .triangle-border.right {
  margin-right: 30px;
}

intro-welcome .triangle-border:before {
  content: "";
  position: absolute;
  bottom: -20px;
  /* value = - border-top-width - border-bottom-width */
  left: 40px;
  /* controls horizontal position */
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #F68A22 transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

intro-welcome .triangle-border:after {
  content: "";
  position: absolute;
  bottom: -13px;
  /* value = - border-top-width - border-bottom-width */
  left: 47px;
  /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #fff transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

intro-welcome .triangle-border.top:before {
  top: -20px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 40px;
  /* controls horizontal position */
  border-width: 0 18px 18px;
}

intro-welcome .triangle-border.top:after {
  top: -13px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 47px;
  /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width: 0 13px 13px;
}

intro-welcome .triangle-border.left:before {
  top: 10px;
  /* controls vertical position */
  bottom: auto;
  left: -30px;
  /* value = - border-left-width - border-right-width */
  border-width: 15px 30px 15px 0;
  border-color: transparent #F68A22;
}

intro-welcome .triangle-border.left:after {
  top: 16px;
  /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom: auto;
  left: -21px;
  /* value = - border-left-width - border-right-width */
  border-width: 9px 21px 9px 0;
  border-color: transparent #fff;
}

intro-welcome .triangle-border.right:before {
  top: 10px;
  /* controls vertical position */
  bottom: auto;
  left: auto;
  right: -30px;
  /* value = - border-left-width - border-right-width */
  border-width: 15px 0 15px 30px;
  border-color: transparent #F68A22;
}

intro-welcome .triangle-border.right:after {
  top: 16px;
  /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom: auto;
  left: auto;
  right: -21px;
  /* value = - border-left-width - border-right-width */
  border-width: 9px 0 9px 21px;
  border-color: transparent #fff;
}

intro-welcome .overlay-anime {
  -webkit-animation: bgopa 300ms forwards;
  animation: bgopa 300ms forwards;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 11;
  top: 0;
  left: 0;
  text-align: center !important;
  padding: 0 !important;
}

intro-welcome .overlay-anime .fab-wrap {
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: auto !important;
  width: 70%;
  height: 100%;
}

intro-welcome .overlay-anime .fab-wrap ion-row ion-col {
  text-align: center;
}

intro-welcome .overlay-anime .fab-wrap ion-row ion-col span {
  font-size: 65pt !important;
  color: #ccc;
}

intro-welcome .overlay-showstart {
  z-index: 10000;
  position: absolute !important;
  top: 0 !important;
  height: 400% !important;
  width: 100%;
  background: rgba(0, 0, 0, 0.2);
}

intro-welcome .box {
  position: relative;
  padding: 20px;
  border: 2px solid #F68A22;
  color: #fff !important;
  background: #F68A22;
  /* css3 */
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
}

intro-welcome .box.buttom:before {
  bottom: -20px;
  /* value = - border-top-width - border-bottom-width */
  top: auto;
  left: auto;
  right: 40px;
  /* controls horizontal position */
}

intro-welcome .box.buttom:after {
  bottom: -13px;
  /* value = - border-top-width - border-bottom-width */
  top: auto;
  left: auto;
  right: 47px;
  /* value = (:before right) + (:before border-right) - (:after border-right) */
}

intro-welcome .box.top:before {
  top: -20px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 40px;
  /* controls horizontal position */
  border-width: 0 18px 18px;
}

intro-welcome .box.top:after {
  top: -13px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 47px;
  /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width: 0 13px 13px;
}

intro-welcome .box.top-left:before {
  top: -20px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 10px;
  /* controls horizontal position */
  border-width: 0 18px 18px;
}

intro-welcome .box.top-left:after {
  top: -13px;
  /* value = - border-top-width - border-bottom-width */
  bottom: auto;
  left: auto;
  right: 17px;
  /* value = (:before right) + (:before border-right) - (:after border-right) */
  border-width: 0 13px 13px;
}

intro-welcome .box:before {
  content: "";
  position: absolute;
  bottom: -20px;
  /* value = - border-top-width - border-bottom-width */
  left: 40px;
  /* controls horizontal position */
  border-width: 20px 20px 0;
  border-style: solid;
  border-color: #F68A22 transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

intro-welcome .box:after {
  content: "";
  position: absolute;
  bottom: -13px;
  /* value = - border-top-width - border-bottom-width */
  left: 47px;
  /* value = (:before left) + (:before border-left) - (:after border-left) */
  border-width: 13px 13px 0;
  border-style: solid;
  border-color: #F68A22 transparent;
  /* reduce the damage in FF3.0 */
  display: block;
  width: 0;
}

intro-welcome .box.left:before {
  top: 10px;
  /* controls vertical position */
  bottom: auto;
  left: -30px;
  /* value = - border-left-width - border-right-width */
  border-width: 15px 30px 15px 0;
  border-color: transparent #F68A22;
}

intro-welcome .box.left:after {
  top: 16px;
  /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom: auto;
  left: -21px;
  /* value = - border-left-width - border-right-width */
  border-width: 9px 21px 9px 0;
  border-color: transparent #F68A22;
}

intro-welcome .box.right:before {
  top: 10px;
  /* controls vertical position */
  bottom: auto;
  left: auto;
  right: -30px;
  /* value = - border-left-width - border-right-width */
  border-width: 15px 0 15px 30px;
  border-color: transparent #F68A22;
}

intro-welcome .box.right:after {
  top: 16px;
  /* value = (:before top) + (:before border-top) - (:after border-top) */
  bottom: auto;
  left: auto;
  right: -21px;
  /* value = - border-left-width - border-right-width */
  border-width: 9px 0 9px 21px;
  border-color: transparent #F68A22;
}

intro-welcome .btn-next {
  color: #fff  !important;
  float: right  !important;
  margin-top: -20px !important;
  background: #F68A22 !important;
  padding: 10px !important;
  border-radius: 5px !important;
  border: 1px solid #fff;
  width: 50% !important;
  text-align: center;
}

intro-welcome .btn-skip {
  color: #fff  !important;
  float: left  !important;
  margin-top: -20px !important;
  padding-top: 10px;
}

intro-welcome .box-title {
  font-weight: bold !important;
  color: #fff !important;
  font-size: 20px !important;
}

intro-welcome .elementToFadeInAndOut {
  -webkit-animation: opac 2s;
  animation: opac 2s;
}

@-webkit-keyframes opac {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}

@keyframes opac {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.5;
  }
}

intro-welcome .elementEmpty {
  opacity: 0;
}

@media screen and (min-width: 768px) {
  .responsive-bubble {
    margin-left: 15%;
    margin-right: 15%;
  }
}

@media screen and (min-width: 1280px) {
  .responsive-bubble {
    margin-left: 30%;
    margin-right: 30%;
  }
}

lazy-img {
  display: block;
  width: 100%;
  height: 100%;
}

lazy-img img {
  -ms-touch-action: unset !important;
  touch-action: unset !important;
}

maps-component .header-margin {
  margin-top: 0px;
}

maps-component #map {
  width: 100%;
  height: 100%;
}

maps-component .padding-address {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

maps-component ion-footer {
  background: #fff !important;
}

page-no-record .img-sfmola {
  max-width: 170px !important;
  max-height: 170px !important;
}

page-no-record .no-record-label {
  font-size: 14px !important;
  color: #222 !important;
  font-weight: bold;
  margin: 0 auto;
}

page-no-record .center-ver {
  margin-top: 40% !important;
}

page-no-record .img-sfmola {
  width: 40%;
  height: 40%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
}

page-no-record .wrapper {
  text-align: center;
  color: #808080 !important;
  padding-top: 15vw !important;
  padding-bottom: 20vh !important;
}

page-no-record .label-no-record {
  white-space: pre-wrap;
}

page-no-record .label-no-record:first-of-type {
  font-size: 18px;
  font-family: medium;
  opacity: 0.92;
}

page-no-record .label-no-record:NOT(:first-of-type) {
  opacity: 0.7;
  max-width: 80%;
  margin: auto;
}

@media screen and (min-width: 768px) {
  page-no-record .img-sfmola {
    width: 30% !important;
    height: 30% !important;
    max-width: 180px !important;
    max-height: 180px !important;
    margin-left: auto;
    margin-right: auto;
  }
  page-no-record .wrapper {
    text-align: center;
    color: #808080 !important;
  }
}

@media screen and (min-width: 1280px) {
  page-no-record .img-sfmola {
    width: 15% !important;
    height: 15% !important;
    max-width: 200px !important;
    max-height: 200px !important;
    margin-left: auto;
    margin-right: auto;
  }
  page-no-record .wrapper {
    text-align: center;
    color: #808080 !important;
    padding-top: 9vw !important;
    padding-bottom: 20vh !important;
  }
}

popover-filter .gdx-content {
  max-height: 500px;
  max-width: 300px;
  padding-left: 20px;
  padding-right: 25px;
  padding-top: 20px;
}

popover-filter gdx-footer button {
  width: 100%;
  border-radius: 3px;
}

popover-filter .container-box {
  max-height: 450px;
}

popover-filter .container-box .list-box {
  padding-top: 8px;
}

popover-filter .container-box .list-box .list-section {
  padding: 8px 16px;
}

popover-filter .container-box .list-box .list-section:hover {
  background-color: rgba(162, 162, 162, 0.2);
  cursor: pointer;
}

popover-filter .container-box .list-box .list-section img {
  width: 43px;
  height: 43px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 200px;
}

popover-filter .container-box .list-box .list-section .name {
  font-size: 16px !important;
  font-family: 'bold' !important;
  color: #222 !important;
}

popover-filter .container-box .list-box .list-section .job {
  color: #A5B0B7 !important;
}

.gdx-footer {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

.gdx-footer .footer-toolbar {
  height: 35px;
}

.gdx-footer .footer-toolbar .button-style {
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background-color: #f68a22;
}

.gdx-footer .footer-toolbar .button-style span {
  color: white;
}

.popup-container {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  padding: 25px 20px 50px;
  max-height: 300px;
  max-width: 250px;
}

.popup-footer {
  padding: 15px 3px;
  height: 47px;
}

page-popover-payroll button ion-icon {
  margin-right: 10px;
  color: #A5B0B7;
  font-size: 21px;
}

page-popover-payroll button ion-label {
  text-align: left;
  text-transform: capitalize;
}

.option .my-option ion-item ion-icon {
  margin-left: 15px;
}

.option .my-option ion-item ion-label {
  color: #fbac5e !important;
  margin-left: 10px;
}

.mypopover .list {
  margin-left: 10px;
}

.mypopover .list img {
  margin-right: 20px;
}

.mypopover .sub-pop {
  border-bottom: 1px solid lightgrey;
}

page-popover-sort .container {
  padding: 10px;
}

page-popover-sort .container .item {
  cursor: pointer;
}

page-popover-sort ion-icon::before {
  display: inline-block;
  font-size: 20px !important;
}

social-card2 > * {
  background: white;
  margin: 15px 0;
  -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
  box-shadow: 0px 1px 5px 0px #e6e6e6;
  border-radius: 10px;
}

social-card2 .badge {
  position: absolute;
  top: -8px;
  left: -8px;
}

social-card2 .badge img {
  width: 1.5em !important;
  height: 1.5em !important;
}

social-card2 .list-devinder {
  position: relative;
  border-bottom: 1px solid transparent;
  border-top: 0px;
  -o-border-image: url(../assets/images/gradient-post.jpg);
  border-image: url(../assets/images/gradient-post.jpg);
  border-image-slice: 10 1;
}

social-card2 .list-devinder .mypopover {
  opacity: 0;
  position: absolute;
  width: 118px;
  background: #ffffff;
  border: 1px solid #e2e9ed;
  z-index: 1;
  right: 25px;
  top: 45px;
}

social-card2 .list-devinder .mypopover .list-1 img {
  margin-right: 10px;
  margin-left: 10px;
}

social-card2 .list-devinder .mypopover .list-2 img {
  margin-right: 10px;
  margin-left: 10px;
}

social-card2 .list-devinder .popover-active {
  opacity: 1;
  position: absolute;
  min-width: 175px;
  background: #ffffff;
  border: 1px solid #e2e9ed;
  z-index: 1;
  right: 25px;
  top: 45px;
  padding: 0px 0px;
  -webkit-box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 8px 0 rgba(0, 0, 0, 0.2);
}

social-card2 .list-devinder .popover-active > div {
  -webkit-transition: background-color 200ms;
  transition: background-color 200ms;
}

social-card2 .list-devinder .my-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

social-card2 .list-devinder .column-1 {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
  max-width: 100%;
  padding: 0 3px;
}

social-card2 .list-devinder .column-1 img {
  width: 100%;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 30%;
  object-position: 50% 30%;
}

social-card2 .list-devinder .column-2 {
  -webkit-box-flex: 25%;
  -webkit-flex: 25%;
  -ms-flex: 25%;
  flex: 25%;
  max-width: 100%;
  padding: 0 3px;
  position: relative;
}

social-card2 .list-devinder .column-2 img {
  width: 100%;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 30%;
  object-position: 50% 30%;
}

social-card2 .list-devinder .column-2 .imgku img {
  height: 150px;
}

social-card2 .list-devinder .column-2 .more img {
  -webkit-filter: brightness(0.4);
  filter: brightness(0.4);
}

social-card2 .list-devinder .column-2 .more .more-text {
  position: absolute;
  top: 25px;
  right: 14px;
  color: white;
  opacity: 0.9;
}

social-card2 .list-devinder .column-2 .more .more-text h4 {
  font-size: 14px;
  color: white !important;
}

social-card2 .list-devinder .aksi .more-action {
  position: relative;
}

social-card2 .list-devinder ion-row.feed-profile {
  padding-top: 14px;
  padding-bottom: 14px;
}

social-card2 .list-devinder ion-row.feed-profile ion-list {
  margin: 0;
  width: 100%;
}

social-card2 .list-devinder ion-row.feed-profile ion-list ion-item {
  padding: 0 18px !important;
}

social-card2 .list-devinder ion-row.feed-profile ion-list ion-item .item-inner {
  min-height: 70px !important;
}

social-card2 .list-devinder ion-row.feed-profile ion-list ion-item ion-label {
  margin: 0;
}

social-card2 .list-devinder ion-row.feed-profile ion-list ion-item ion-label h2 {
  font-size: 14px;
  font-weight: bold;
  color: #192528;
}

social-card2 .list-devinder ion-row.feed-profile ion-list ion-item ion-label p {
  font-size: 0.9em;
  color: #a5b0b7;
}

social-card2 .list-devinder ion-row.feed-profile ion-list ion-item ion-label ion-icon {
  margin-left: 10px;
}

social-card2 .list-devinder ion-row.feed-profile ion-list ion-item ion-label ion-icon:before {
  font-size: 1.5em;
  color: #808080;
}

social-card2 .list-devinder ion-row.feed-profile ion-list ion-item ion-label span.sficon-star,
social-card2 .list-devinder ion-row.feed-profile ion-list ion-item ion-label span.sficon-setting {
  font-size: 1.6em;
  padding: 0.3em;
  padding-right: 0;
}

social-card2 .list-devinder .feed-request {
  min-height: 70px !important;
  padding: 0 18px 10px 18px !important;
  border-radius: 10px !important;
}

social-card2 .list-devinder .feed-request .item-inner {
  padding: 0;
}

social-card2 .list-devinder .feed-request .input-wrapper ion-label {
  width: 100%;
  margin-right: 0;
}

social-card2 .list-devinder .feed-request ion-avatar {
  position: relative;
}

social-card2 .list-devinder .feed-request span.sficon-setting {
  font-size: 1.6em;
  padding: 0.3em;
  padding-right: 0;
}

social-card2 .list-devinder .feed-request .more-icon {
  font-size: 1.2em;
  padding: 0px 3px 0px 10px;
  margin: 0px;
  -webkit-text-fill-color: #58595b;
}

social-card2 .list-devinder .feed-request h2 {
  color: #F68A22;
  margin-top: 0;
}

social-card2 .list-devinder .feed-request p {
  font-size: 0.9em;
}

social-card2 .list-devinder .feed-request ion-icon {
  margin-left: 10px;
}

social-card2 .list-devinder .feed-request ion-icon:before {
  font-size: 1.5em;
  color: #808080;
}

social-card2 .list-devinder .feed-request ion-list ion-item ion-label {
  margin: 0;
}

social-card2 .attribute-box {
  width: 100%;
  position: relative;
  z-index: 1000;
}

social-card2 .attribute-box.case-textonly {
  height: 3em;
  margin-bottom: 6px;
}

social-card2 .attribute-box.case-withimage {
  margin-top: 14px;
}

social-card2 .attribute-box ion-avatar {
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0 !important;
}

social-card2 .attribute-box ion-avatar img {
  border-radius: 200px;
  border: 2px solid white;
  width: 5rem !important;
  height: 5rem !important;
}

social-card2 .attribute-box .achiev-img {
  position: absolute;
  right: -5px;
  top: 190px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 45.47px;
  height: 45.47px;
  border-radius: 200px;
  background-color: white;
}

social-card2 .attribute-box .achiev-text {
  position: absolute;
  right: 13px;
  top: 13px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 45.47px;
  height: 45.47px;
  border-radius: 200px;
  background-color: white;
}

social-card2 .attribute-box .achievement-badge {
  position: absolute;
  right: 13px;
  top: 13px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 45.47px;
  height: 45.47px;
  border-radius: 200px;
  background-color: white;
}

social-card2 .images-box .single-img {
  padding: 0px 3px;
}

social-card2 .images-box .single-img img {
  width: 100%;
}

social-card2 .images-box img {
  background-color: rgba(0, 0, 0, 0.02);
}

social-card2 ion-row.feed-content.share-text {
  border: 1px solid #dbdbe1;
  border-radius: 6px;
  margin: 0 14px 0 19px;
  padding: 10px 0 25px;
}

social-card2 ion-row.feed-content p {
  padding: 0 18px;
  width: 100%;
}

social-card2 ion-row.feed-content .textcontent-wrapper {
  width: 100%;
  margin-top: -10px;
  margin-bottom: 15px;
}

social-card2 ion-row.feed-content .textcontent-wrapper .badge-space {
  float: right;
  width: 84px;
  height: 20px;
  margin: 0;
}

social-card2 ion-row.feed-content .textcontent-wrapper .text-content {
  white-space: pre-wrap;
  text-align: left;
}

social-card2 .images-box {
  position: relative;
  width: 100%;
}

social-card2 .images-box ion-slide:not(:last-child) {
  margin-right: 12px;
}

social-card2 ion-row.winner-content .wrapper {
  width: 100%;
  position: relative;
  max-height: 430px;
  margin-bottom: 34px;
}

social-card2 ion-row.winner-content .profil-winner {
  position: relative;
  width: 100%;
  margin-bottom: 30px;
}

social-card2 ion-row.winner-content .profil-winner .ribbon {
  position: absolute;
}

social-card2 ion-row.winner-content .profil-winner .profil-section {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  z-index: 10;
}

social-card2 ion-row.winner-content .profil-winner .profil-section .congrat-text {
  margin: 18px 0 16px;
  font-size: 15px !important;
  font-family: medium !important;
}

social-card2 ion-row.winner-content .profil-winner .profil-section .avatar {
  margin: 0 auto 15px auto !important;
  border-radius: 200px;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  width: 76px !important;
  height: 76px !important;
  position: unset;
}

social-card2 ion-row.winner-content .profil-winner .profil-section .avatar img {
  width: 76px !important;
  height: 76px !important;
  -o-object-position: top;
  object-position: top;
}

social-card2 ion-row.winner-content .profil-winner .profil-section .name {
  margin: 0;
  font-size: 15px !important;
  font-family: "medium" !important;
  color: #58595b !important;
}

social-card2 ion-row.winner-content .profil-winner .profil-section .division {
  margin: 0;
  font-size: 15px !important;
  font-family: "regular" !important;
  color: #a5b0b7 !important;
}

social-card2 ion-row.winner-content .img-cup {
  position: relative;
  margin-bottom: 7px;
  width: 100%;
  margin-top: 150px;
}

social-card2 ion-row.winner-content .img-cup .glow {
  width: 328px;
  height: 233px;
  margin: -20px auto 0px auto;
}

social-card2 ion-row.winner-content .img-cup .caption {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

social-card2 ion-row.winner-content .img-cup .caption .cup {
  height: 150px;
}

social-card2 ion-row.winner-content .desc-text {
  width: 228px;
  margin: 0 auto;
  white-space: pre-wrap;
  font-size: 15px !important;
  font-family: "regular" !important;
  color: #58595b !important;
}

social-card2 ion-row.feed-stat {
  padding: 0 10px 14px;
}

social-card2 ion-row.feed-stat .icon-bar {
  width: 100%;
}

social-card2 ion-row.feed-stat .icon-bar button:hover {
  background-color: white;
}

social-card2 ion-row.feed-stat .icon-bar .button-clear-md .button-effect {
  background-color: white !important;
}

social-card2 ion-row.feed-stat .icon-bar ion-icon:before {
  font-size: 1.5em;
}

social-card2 ion-row.feed-stat .icon-bar ion-icon {
  margin-right: 10px;
  color: #808080;
}

social-card2 ion-row.feed-stat .icon-bar ion-icon.like-true {
  color: #ed4956;
}

social-card2 ion-row.feed-stat .icon-bar span {
  line-height: 2em;
  margin-right: 10px;
}

social-card2 ion-row.feed-stat .icon-bar .like-button {
  margin-right: 0;
  padding-right: 0;
}

social-card2 ion-row.feed-stat .icon-bar .like-button .button-inner {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}

social-card2 ion-row.feed-stat .icon-bar .like-button img {
  margin-bottom: 5px;
}

social-card2 ion-row.feed-stat .icon-bar .like-button ion-label {
  color: #F68A22 !important;
}

social-card2 ion-row.feed-stat .icon-bar .like-button .thumb-liked {
  -webkit-filter: hue-rotate(32deg) saturate(0.12) brightness(1.23);
  filter: hue-rotate(32deg) saturate(0.12) brightness(1.23);
}

social-card2 ion-row.feed-stat .icon-bar .total-like {
  margin-left: 0;
  padding-left: 0;
}

social-card2 ion-row.feed-stat .icon-bar .achievement-tag {
  margin-bottom: 13px;
}

social-card2 ion-row.feed-stat .icon-bar .achievement-tag .achievement-icon {
  width: 22.39px;
  height: 29.8px;
}

social-card2 ion-row.feed-stat .icon-bar .achievement-tag .achievement-label {
  color: white;
  background-color: #F68A22;
  border-radius: 200px;
  padding: 2px 8px;
  margin: auto 0 0 6.6px;
}

social-card2 ion-row.feed-stat .icon-bar:hover {
  background-color: white;
}

social-card2 .list-ios > .item-block:first-child {
  border-top: none !important;
  border-bottom: none !important;
}

social-card2 .content-box {
  margin-top: 60px;
  width: 100%;
}

social-card2 .content-box .content-share {
  margin: 0px 15px 0 0 !important;
  padding: 0px !important;
}

social-card2 .content-box .achievement-badge {
  width: 45.47px;
  height: 45.47px;
  border-radius: 200px;
}

social-card2 .avatar-share {
  top: 20px !important;
}

social-card2 .fullname {
  font-family: "medium" !important;
  font-size: 15px !important;
  color: #58595b !important;
}

social-card2 .time-caption,
social-card2 .share-caption {
  font-family: "regular" !important;
  font-size: 14px !important;
  color: #a5b0b7 !important;
}

social-card2 .profil-share {
  word-break: break-all;
}

social-card2 .profil-share p {
  margin-right: 0.36em;
}

social-card2 .profil-share .name-share {
  color: #7d7f82 !important;
  text-align: center;
  font-family: "medium";
  font-size: 14px !important;
}

social-card2 ion-avatar {
  position: absolute;
  top: 0;
}

social-card2 .item-inner {
  padding-left: 3.7em;
}

social-card2 .img-sfmola {
  width: 40%;
}

social-card2 ion-row .sficon-molamola {
  font-size: 100pt !important;
  margin-right: 10px !important;
}

social-card2 .center-ver {
  margin-top: 25% !important;
}

social-card2 .see-more {
  border: 1px solid #F68A22;
  border-radius: 20px;
  margin: 5px 12px 12px 12px;
  height: 40px;
  position: relative;
}

social-card2 .see-more p {
  margin: 0px;
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -55%);
  transform: translate(-50%, -55%);
  -webkit-text-fill-color: #F68A22;
}

social-card2 .see-more .sficon-forward {
  font-size: 1em !important;
  position: absolute;
  top: 55%;
  right: 5%;
  -webkit-transform: translate(-5%, -55%);
  transform: translate(-5%, -55%);
  -webkit-text-fill-color: #F68A22;
}

social-card2 .attendance-feed {
  display: block;
  position: relative;
  border-radius: 10px;
}

social-card2 .attendance-feed .attendance-no-issue {
  text-align: center;
  margin: 10px 15px 20px 15px;
  padding: 10px;
  border: 1px solid #F68A22;
  border-radius: 50px;
}

social-card2 .attendance-feed .attendance-no-issue p {
  margin: 5px 0px;
  -webkit-text-fill-color: #F68A22;
}

social-card2 .attendance-feed .attendance-feed-inner {
  padding: 0px 10px 8px 10px;
}

social-card2 .attendance-feed .attendance-feed-btn {
  border: 1px solid #F68A22;
  border-radius: 20px;
  margin: 0px 16px 0px 16px;
  padding: 8px 12px 8px 12px;
  position: absolute;
  bottom: 6%;
  -webkit-transform: translate(0, -6%);
  transform: translate(0, -6%);
  position: relative;
  text-align: center;
  cursor: pointer;
}

social-card2 .attendance-feed .attendance-feed-btn p {
  margin: 0px;
  -webkit-text-fill-color: #F68A22;
}

social-card2 .attendance-feed2 {
  display: block;
  border-radius: 10px;
}

social-card2 .attendance-feed2 .attendance-no-issue {
  text-align: center;
  margin: 10px 15px 20px 15px;
  padding: 10px;
  border: 1px solid #F68A22;
  border-radius: 50px;
}

social-card2 .attendance-feed2 .attendance-no-issue p {
  margin: 5px 0px;
  -webkit-text-fill-color: #F68A22;
}

social-card2 .attendance-feed2 .attendance-feed-inner2 {
  padding: 0px 10px 10px 10px;
}

social-card2 .attendance-feed2 .attendance-feed-inner2 canvas {
  height: 300px !important;
}

social-card2 .attendance-feed2 .attendance-feed-btn2 {
  border: 1px solid #F68A22;
  margin: 0px 12px 12px 12px;
  height: 50px;
  position: relative;
}

social-card2 .attendance-feed2 .attendance-feed-btn2 p {
  margin: 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-text-fill-color: #F68A22;
}

social-card2 .alert-feed {
  background-color: #F68A22;
}

social-card2 .alert-feed p {
  margin: 0px;
  padding: 10px 0px 10px 15px;
  -webkit-text-fill-color: #fff;
}

social-card2 .alert-feed .div-icon {
  height: 50px;
  position: relative;
}

social-card2 .alert-feed .sficon-forward {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  font-size: 1.6em !important;
  -webkit-text-fill-color: #fff;
}

social-card2 .blue-bg {
  background: #F68A22;
}

social-card2 .birthday-feed-list {
  overflow: scroll;
  padding-bottom: 16px;
}

social-card2 .birthday-feed-list .box-list {
  border: 3px solid #1a9eae;
  border-radius: 10px;
  position: relative;
  min-width: 200px;
  height: 200px;
}

social-card2 .birthday-feed-list .box-list .cake {
  position: absolute;
  text-align: end;
  background: #1a9eae;
  padding: 2px 10px 0px 0px;
  width: 40px;
  height: 35px;
  border-radius: 0px 0px 20px 0px;
}

social-card2 .birthday-feed-list .box-list .cake img {
  width: 25px;
  height: 25px;
}

social-card2 .birthday-feed-list .box-list .content {
  height: 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;
  -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;
}

social-card2 .birthday-feed-list .box-list .content .top {
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

social-card2 .birthday-feed-list .box-list .content .bottom {
  width: 100%;
  text-align: center;
  margin-top: 16px;
}

social-card2 .birthday-feed-list .box-list .content .bottom ion-label.name {
  margin-top: 8px;
  font-weight: bold;
  color: #53acb8 !important;
}

social-card2 .birthday-feed-list .box-list .content .bottom ion-label.date {
  margin: 8px 0;
  color: #F68A22 !important;
}

social-card2 .birthday-feed-list .box-list .content .bottom ion-label.dept {
  margin-bottom: 8px;
}

social-card2 .birthday-feed {
  overflow: scroll;
}

social-card2 .birthday-feed .birthday-now {
  background-image: url(../assets/images/profilepic/birthday.jpg) !important;
}

social-card2 .birthday-feed .box-brithday {
  min-width: 200px;
  height: 200px;
  padding: 16px;
  background-image: url(../assets/images/profilepic/birthday-none.png) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  overflow: hidden;
}

social-card2 .birthday-feed .box-brithday .avatar {
  width: 48px;
  height: 48px;
}

social-card2 .birthday-feed .box-brithday .info {
  text-align: center;
}

social-card2 .birthday-feed .box-brithday .info ion-label.name {
  margin-top: 8px;
  font-weight: bold;
  color: #53acb8 !important;
}

social-card2 .birthday-feed .box-brithday .info ion-label.date {
  margin: 8px 0;
  color: #F68A22 !important;
}

social-card2 .birthday-feed .box-brithday .info ion-label.dept {
  margin-bottom: 8px;
}

social-card2 .birthday-now {
  background-image: url(../assets/images/profilepic/birthday.jpg) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

social-card2 .birthday-now2 {
  background-image: url(../assets/images/profilepic/bd.gif) !important;
  background-size: cover;
  min-height: 150px;
  min-width: 173px;
}

social-card2 .card-alert {
  border-radius: 5px;
  text-align: center;
}

social-card2 .card-alert .img-apr {
  width: 65%;
  height: 65%;
  max-width: 300px;
  margin: 10px 0;
}

social-card2 .card-alert .headline-apr {
  color: #F68A22;
  font-size: 1.2em;
  margin: 0 0 15px 0;
}

social-card2 .card-alert .headline-apr span {
  font-size: 1.3em;
  font-weight: bold;
}

social-card2 .card-alert .img-req {
  width: 48%;
  height: 48%;
  margin-left: 10px;
}

social-card2 .card-alert .headline-req {
  color: #F68A22;
  font-size: 1.2em;
  margin: 15px 40px 16px 40px;
}

social-card2 .card-alert .headline-req span {
  font-size: 1.3em;
  font-weight: bold;
}

social-card2 .card-alert .goto {
  border: 1px solid #F68A22;
  border-radius: 50px;
  margin: 0px 16px 0px 16px;
  padding: 10px 12px 8px 12px;
  color: #F68A22;
  cursor: pointer;
}

social-card2 .card-revised {
  margin: 0px 15px 15px 15px;
  padding: 0px 10px 10px 10px;
  border-radius: 5px;
  height: 250px;
  text-align: center;
}

social-card2 .card-revised .img-apr {
  width: 65%;
  height: 65%;
  margin-left: 15px;
}

social-card2 .card-revised .headline-apr {
  color: #F68A22;
  font-size: 1.2em;
  margin: -8px 25px 16px 25px;
}

social-card2 .card-revised .headline-apr span {
  font-size: 1.3em;
  font-weight: bold;
}

social-card2 .card-revised .img-req {
  width: 65%;
  height: 50%;
  margin-left: 10px;
}

social-card2 .card-revised .headline-req {
  color: #F68A22;
  font-size: 1.2em;
  margin: 15px 40px 16px 40px;
}

social-card2 .card-revised .headline-req span {
  font-size: 1.3em;
  font-weight: bold;
}

social-card2 .card-revised .goto {
  border: 1px solid #F68A22;
  border-radius: 50px;
  margin: 0px;
  padding: 11px 0px;
  color: #F68A22;
}

social-card2 .expired-leave p {
  margin: 5px 0px;
}

social-card2 .expired-leave .wrapper {
  padding: 0px 16px 10px 13px;
}

social-card2 .expired-leave .wrapper .title {
  color: #F68A22;
  font-size: 1.1em;
}

social-card2 .expired-leave .wrapper .marked {
  margin: 0px;
  padding: 7px 9px;
  border: 1px solid #F68A22;
  border-radius: 50px;
  color: #F68A22;
  font-size: 0.9em;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

social-card2 .expired-leave .wrapper .marked2 {
  margin: 0px;
  padding: 7px 9px;
  border: 0px solid #F68A22;
  border-radius: 50px;
  color: #F68A22;
  font-size: 0.9em;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
}

social-card2 .card-summary {
  margin: 0px 15px 15px 15px;
  padding: 0px 10px 10px 10px;
  border-radius: 5px;
  height: 100px;
  text-align: center;
}

social-card2 .card-summary .img-apr {
  width: 65%;
  height: 65%;
  margin-left: 15px;
  margin-top: -10px;
}

social-card2 .card-summary .headline-apr {
  color: #F68A22;
  font-size: 1.2em;
  margin: 10px 25px 16px 25px;
}

social-card2 .card-summary .headline-apr span {
  font-size: 1.3em;
  font-weight: bold;
}

social-card2 .card-summary .img-req {
  width: 48%;
  height: 48%;
  margin-left: 10px;
}

social-card2 .card-summary .headline-req {
  color: #F68A22;
  font-size: 1.2em;
  margin: 15px 40px 16px 40px;
}

social-card2 .card-summary .headline-req span {
  font-size: 1.3em;
  font-weight: bold;
}

social-card2 .card-summary .goto {
  border: 1px solid #F68A22;
  border-radius: 50px;
  margin: 10px 0px 0px 0px;
  padding: 11px 0px;
  color: #F68A22;
}

@media screen and (min-width: 768px) {
  social-card2 ion-row.feed-content p {
    margin-top: 15px;
    width: 100%;
  }
  social-card2 ion-row.feed-content .images-box {
    padding: 0px 10px;
  }
  social-card2 ion-row.feed-content .images-box img {
    border-radius: 0.3em;
  }
}

@media screen and (max-width: 480px) {
  social-card2 ion-row.winner-content .img-cup .caption {
    height: 150px;
  }
}

social-card2 .gd-avatar-abs {
  position: absolute;
  top: 0;
}

social-card2 .gd-avatar-abs ion-avatar {
  margin: 0 !important;
}

social-card2 .video-box {
  width: 100%;
}

social-card2 .video-box .frame {
  border: none;
  height: 315px;
}

spinner-component ion-spinner * {
  width: 32px;
  height: 32px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

webcam-component webcam .webcam-wrapper {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}

webcam-component webcam .webcam-wrapper video {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

webcam-component img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

webcam-component .close-btn {
  position: absolute;
  top: 10px;
  left: 10px;
  color: white;
}

webcam-component .action-buttons {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}

webcam-component .action-buttons .hint {
  color: white;
  margin-bottom: 3px;
}

webcam-component .action-buttons .snap-button {
  border-radius: 200px;
  width: 58px;
  height: 58px;
  border: 4px solid rgba(255, 255, 255, 0.94);
  background-color: rgba(255, 255, 255, 0.24);
}

webcam-component .action-buttons [ion-button] {
  min-width: 120px;
}

.pagebuilder-row {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.pagebuilder-column {
  display: block !important;
}

.pagebuilder-skeleton {
  background: white;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.is-tab-content {
  padding-bottom: 100px;
}

dynamic-footer-handler .toolbar-background-md {
  background: #fff;
}

dynamic-footer-handler .btn-footer-action-page ul .footer-widget li {
  border-radius: 0;
  padding: 1em 1.5em;
  min-width: 80px;
  max-width: 150px;
  font-size: 12px;
}

dynamic-footer-handler .btn-footer-action-page ul .footer-widget:first-child li {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

dynamic-footer-handler .btn-footer-action-page ul .footer-widget:last-child li {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

dynamic-footer-handler .spinner-wrapper-dynamic-footer {
  text-align: center !important;
  height: 100%;
  z-index: 99999;
  width: 100%;
  padding-top: 1em;
}

dynamic-footer-handler .btn-footer-action-page-gd {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

dynamic-footer-handler .btn-footer-action-page-gd ul {
  margin: 0 auto;
  padding: 0 16px;
  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: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

dynamic-footer-handler .btn-footer-action-page-gd ul .footer-widget {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}

dynamic-footer-handler .btn-footer-action-page-gd ul .footer-widget li {
  display: inline-block;
  list-style: none;
  background-color: #F68A22;
  color: #fff;
  text-transform: capitalize;
  padding: 1em 15px;
  min-width: 80px;
  font-size: 12px;
  width: 100%;
  margin: 4px auto !important;
  border-radius: 10px !important;
}

dynamic-footer-handler .btn-footer-action-page-gd ul .footer-widget .spc-color {
  background-color: #f37249;
}

dynamic-footer-handler .btn-footer-action-page-gd {
  text-align: center;
  margin: 0 auto;
  border-radius: 1em;
}

dynamic-footer-handler .btn-footer-action-page-gd ul {
  margin: 0 auto;
  padding: 0;
}

dynamic-footer-handler .btn-footer-action-page-gd ul gd-button-multiple.footer-widget li {
  display: inline-block;
  list-style: none;
  background-color: #F68A22;
  color: #fff;
  text-transform: capitalize;
  padding: 1em 1.5em;
  font-size: 12px;
  margin: 0.5em 0.2em;
  min-width: 80px;
  border-radius: 0;
  font-size: 12px;
  width: auto;
  max-height: 38px;
  margin-left: 16px !important;
}

dynamic-footer-handler .btn-footer-action-page-gd ul gd-button-multiple.footer-widget li:first-child {
  margin-left: 0 !important;
}

dynamic-footer-handler .btn-footer-action-page-gd ul gd-button-multiple.footer-widget .spc-color {
  background-color: #f37249;
}

dynamic-footer-handler .btn-footer-action-page-gd ul gd-button-multiple.footer-widget li:first-child {
  border-radius: 1em 0 0 1em;
  padding: 1em 1.7em;
}

dynamic-footer-handler .btn-footer-action-page-gd ul gd-button-multiple.footer-widget li:last-child {
  border-radius: 0 1em 1em 0;
  padding: 1em 1.7em;
}

dynamic-footer-handler .btn-footer-action-page-gd gd-submit:nth-child(2) li {
  color: #F0624D;
  background: none;
  border: 1px solid #F0624D;
}

dynamic-footer-handler ion-toolbar {
  overflow: visible !important;
  contain: unset !important;
}

dynamic-header-handler {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

dynamic-header-handler .header-button {
  padding: 0;
}

@media screen and (max-width: 1280px) {
  dynamic-header-handler {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

header-desktop-page-builder dynamic-header-handler {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-builder-modal .width-searchbar {
  width: calc(100% - 30px);
  margin: 0 auto;
}

page-builder-modal .title-modal {
  margin-top: 10px;
}

page-builder-modal .skeleton {
  padding: 20px;
}

page-builder-modal .reload-body {
  text-align: center !important;
  margin-top: 100px;
}

page-builder-modal .reload-body .label-reload {
  margin-bottom: 20px !important;
  color: #2e2e2e !important;
}

page-builder-modal .reload-body button {
  background-color: #F68A22;
  display: inline-block;
  list-style: none;
  color: #fff;
  text-transform: capitalize;
  padding: 1em 1.5em;
  font-size: 12px;
  margin: 0.5em 0.2em;
  min-width: 80px;
  border-radius: 6px !important;
  max-width: 150px;
  font-size: 12px;
  width: auto;
  color: #fff !important;
}

page-builder-modal .reload-body button:hover {
  background-color: #08b2be !important;
  color: #fff !important;
}

page-builder-modal ion-searchbar.searchbar-ios {
  background: white !important;
}

.text-line-through {
  text-decoration: line-through !important;
}

.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.centering {
  display: contents;
  -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;
}

.box-action {
  height: 100%;
  width: 100%;
  max-height: 120px;
  max-width: 120px;
}

.disable-min-width {
  min-width: 0px !important;
}

.margin-all-5 {
  margin: 5px;
}

.margin-all-10 {
  margin: 10px;
}

.margin-all-extrasmall {
  margin: 2.5px;
}

.margin-top-extrasmall {
  margin-top: 2.5px;
}

.margin-top-small {
  margin-top: 5px;
}

.margin-top-medium {
  margin-top: 10px;
}

.margin-top-large {
  margin-top: 20px;
}

.margin-top-35 {
  margin-top: 35px;
}

.margin-right-small {
  margin-right: 5px;
}

.margin-right-medium {
  margin-right: 10px;
}

.margin-right-large {
  margin-right: 20px;
}

.margin-right-extralarge {
  margin-right: 30px;
}

.margin-left-small {
  margin-left: 5px;
}

.margin-left-medium {
  margin-left: 10px !important;
}

.margin-left-extra-medium {
  margin-left: 15px !important;
}

.margin-left-large {
  margin-left: 20px !important;
}

.margin-left-large-22 {
  margin-left: 22px !important;
}

.margin-left-large-40 {
  margin-left: 40px !important;
}

.margin-bottom-extrasmall {
  margin-bottom: 2.5px;
}

.margin-bottom-small {
  margin-bottom: 5px;
}

.margin-bottom-medium {
  margin-bottom: 10px;
}

.margin-bottom-large {
  margin-bottom: 20px;
}

.margin-bottom-medium {
  margin-bottom: 10px;
}

.margin-bottom-min-medium {
  margin-bottom: -10px;
}

.margin-bottom-min-11 {
  margin-bottom: -11px;
}

.margin-top-min-45 {
  margin-top: -45px;
}

.margin-top-min-small {
  margin-top: -5px;
}

.margin-top-min-medium {
  margin-top: -10px;
}

.margin-top-min-large {
  margin-top: -20px;
}

.margin-bottom-min-small {
  margin-bottom: -5px;
}

.margin-bottom-min-medium {
  margin-bottom: -10px;
}

.margin-bottom-min-large {
  margin-bottom: -20px;
}

.margin-right-min-medium {
  margin-right: -10px;
}

.margin-right-min-large {
  margin-right: -20px;
}

.margin-right-min-50 {
  margin-right: -50px !important;
}

.margin-right-min-75 {
  margin-right: -75px !important;
}

.margin-right-min-100 {
  margin-right: -100px !important;
}

.margin-left-min-10 {
  margin-left: -10px !important;
}

.margin-left-min-15 {
  margin-left: -15px !important;
}

.no-margin {
  margin: 0;
}

.text-center {
  text-align: center;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-bold {
  font-weight: 600 !important;
}

.text-bold > p {
  font-weight: 600 !important;
}

.text-extrasmall {
  font-size: 10px;
}

.text-size-11 {
  font-size: 11px !important;
}

.text-small {
  font-size: 12px;
}

.text-medium {
  font-size: 14px;
}

.text-large {
  font-size: 16px !important;
}

.text-extralarge {
  font-size: 18px !important;
}

.text-7pt {
  font-size: 7pt !important;
}

.text-heading6 {
  font-size: 24px;
}

.text-heading5 {
  font-size: 32px;
}

.text-heading4 {
  font-size: 36px;
}

.text-heading3 {
  font-size: 42px;
}

.text-heading2 {
  font-size: 46px;
}

.text-heading1 {
  font-size: 60px;
}

.text-bold {
  font-weight: 600;
}

.text-spacing-large {
  line-height: 20px;
}

.text-spacing-normal {
  line-height: 16px !important;
}

.padding-all-small-2 {
  padding: 2px;
}

.padding-all-small-5 {
  padding: 5px;
}

.padding-all-small {
  padding: 10px;
}

.padding-all-medium {
  padding: 20px;
}

.padding-top-extrasmall {
  padding-top: 5px;
}

.padding-top-small {
  padding-top: 10px !important;
}

.padding-top-medium {
  padding-top: 20px;
}

.padding-top-large {
  padding-top: 30px;
}

.no-padding-bottom {
  padding-bottom: 0px;
}

.padding-bottom-extra-small {
  padding-bottom: 5px;
}

.padding-bottom-small {
  padding-bottom: 10px;
}

.padding-bottom-medium {
  padding-bottom: 20px;
}

.padding-medium {
  padding: 20px;
}

.padding-large {
  padding: 30px;
}

.padding-small {
  padding: 10px;
}

.padding-smallest {
  padding: 5px;
}

.padding-extra-small {
  padding: 2.5px;
}

.padding-15-p {
  padding: 15px !important;
}

.padding-repeat .padding-vertical-medium {
  padding: 15px 0px 0px 0px;
}

.padding-repeat-standard .padding-vertical-medium {
  padding: 15px 0px 15px 0px;
}

.padding-none-content .padding-vertical-medium {
  padding: 0px 0px 0px 0px;
}

.padding-none-content .gd-label {
  padding-top: 0px;
  padding-bottom: 10px;
}

.padding-vertical-extra-small {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-vertical-small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-horizontal-small {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-horizontal-extra-small {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-vertical-medium {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-vertical-large {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-horizontal-medium {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-horizontal-large {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-layout-medium {
  padding: 10px 20px;
}

.padding-left-extralarge {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-bottom-medium {
  padding-bottom: 10px;
}

.padding-bottom-large {
  padding-bottom: 20px;
}

.padding-left-small {
  padding-left: 5px;
}

.padding-left-medium {
  padding-left: 10px;
}

.padding-left-extra-medium {
  padding-left: 15px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-left-large {
  padding-left: 20px;
}

.padding-right-medium {
  padding-right: 10px;
}

.padding-right-large {
  padding-right: 20px;
}

.padding-right-30 {
  padding-right: 30px;
}

.border-none {
  border: 0 !important;
}

.border-none .item-inner {
  border: 0px !important;
}

.border-none .border-multi {
  border: 0 !important;
}

.border-right {
  border-right: 1px solid rgba(223, 223, 229, 0.6);
}

.border-top {
  border-top: 1px solid rgba(223, 223, 229, 0.6);
}

.border-bottom {
  border-bottom: 1px solid rgba(223, 223, 229, 0.6);
}

.border-left {
  border-left: 1px solid rgba(223, 223, 229, 0.6);
}

.border-full {
  border: 1px solid rgba(223, 223, 229, 0.6);
}

.border-black {
  border-color: #000;
}

.circle-standard ion-icon {
  font-size: 34px;
  background: #aaa;
  border-radius: 100%;
  padding: 10px;
}

.height-full-layer {
  min-height: 100vh;
}

.circle-standard {
  width: 34px !important;
  min-width: 34px;
  height: 34px !important;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.circle-standard img {
  width: 34px !important;
  height: 34px !important;
  border-radius: 100%;
}

.svg-standard {
  width: 34px !important;
  height: 34px !important;
}

.svg-medium {
  width: 42px !important;
  height: 42px !important;
}

.svg-empty-state {
  width: 160px !important;
  height: 160px !important;
}

.circle-medium {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.circle-medium img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.circle-medium ion-icon {
  min-width: 42px !important;
  min-height: 42px !important;
  font-size: 22px;
  background: #aaa;
  border-radius: 100%;
  padding: 10px;
}

.circle-large {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.circle-large img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.circle-large ion-icon {
  min-width: 48px !important;
  min-height: 48px !important;
  font-size: 28px;
  background: #aaa;
  border-radius: 100%;
  padding: 10px;
}

.image-no-square-small {
  width: 60px;
  height: 100%;
}

.image-no-square-standard {
  width: 100px;
  height: 100%;
}

.image-no-square-medium {
  width: 200px;
  height: 100%;
}

.image-standard-noradius {
  width: 34px !important;
  height: 34px !important;
  border-radius: 100%;
}

.image-medium-noradius {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.image-large-noradius {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.image-small {
  width: 26px !important;
  height: 26px !important;
  border-radius: 100%;
}

.image-standard {
  width: 34px !important;
  height: 34px !important;
  border-radius: 100%;
}

.image-medium {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.image-large {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.icon-medium {
  font-size: 30px;
}

.icon-small {
  font-size: 20px;
}

.border-bottom {
  border-bottom: 1px solid rgba(223, 223, 229, 0.6);
}

.border-bottom .item-inner {
  border: 0px !important;
}

.bg-transparent {
  background: transparent !important;
}

.bg-transparent-blue {
  background: transparent !important;
  color: #1A73E8 !important;
}

.text-blue {
  color: #42aaff !important;
}

.text-blue ion-label {
  color: #42aaff !important;
}

.text-green {
  color: #4CBF69 !important;
}

.text-green ion-label {
  color: #4CBF69 !important;
}

.text-grey {
  color: #AAAAAA !important;
}

.text-grey ion-label {
  color: #AAAAAA !important;
}

.text-black2 {
  color: #192528;
}

.text-white {
  color: white !important;
}

.text-white ion-label {
  color: white !important;
}

.text-white .label-align {
  color: white !important;
}

.text-red {
  color: red !important;
}

.text-red ion-label {
  color: red !important;
}

.text-red .label-align {
  color: red !important;
}

.text-black {
  color: #192528 !important;
}

.text-black ion-label {
  color: #192528 !important;
}

.text-black .label-align {
  color: #192528 !important;
}

.chip-style {
  float: left !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  color: #1A73E8 !important;
  background-color: #E1F4FF !important;
  border: 1px solid #1A73E8 !important;
}

.chip-style ion-label {
  color: #1A73E8 !important;
}

.chip-style .label-align {
  color: #1A73E8 !important;
}

.chip-blue {
  margin: 0 auto;
  float: none !important;
  color: #1A73E8 !important;
  background-color: #E1F4FF !important;
  border: 1px solid #1A73E8 !important;
}

.chip-blue p {
  color: #1A73E8 !important;
  margin: 2px 0px;
}

.chip-blue .label-align {
  color: #1A73E8 !important;
}

.chip-orange {
  margin: 0 auto;
  float: none !important;
  color: #F68A22 !important;
  background-color: #FEF1D2 !important;
  border: 1px solid #F68A22 !important;
}

.chip-orange p {
  color: #F68A22 !important;
  margin: 2px 0px;
}

.chip-orange .label-align {
  color: #F68A22 !important;
}

.chip-yellow {
  margin: 0 auto;
  float: none !important;
  color: #FFAB00 !important;
  background-color: #FFF5CC !important;
  border: 1px solid #FFAB00 !important;
}

.chip-yellow p {
  color: #FFAB00 !important;
  margin: 2px 0px;
}

.chip-yellow .label-align {
  color: #FFAB00 !important;
}

.chip-red {
  margin: 0 auto;
  float: none !important;
  color: #F0624D !important;
  background-color: #FEEBDB !important;
  border: 1px solid #F0624D !important;
}

.chip-red p {
  color: #F0624D !important;
  margin: 2px 0px;
}

.chip-red .label-align {
  color: #F0624D !important;
}

.chip-green {
  margin: 0 auto;
  float: none !important;
  color: #6ddb63 !important;
  background-color: #c3f9b0 !important;
  border: 1px solid #6ddb63 !important;
}

.chip-green p {
  color: #6ddb63 !important;
  margin: 2px 0px;
}

.chip-green .label-align {
  color: #6ddb63 !important;
}

.text-primary {
  color: #F68A22;
}

.border-gray {
  border: 1px solid #c7cfdb;
}

.bg-white {
  background: transparent;
}

.height-15-p {
  height: 15px !important;
}

.height-50-p {
  height: 50px !important;
}

.height-100-p {
  height: 100px !important;
}

.text-info-400 {
  color: #42aaff !important;
}

.text-info-400 ion-label {
  color: #42aaff !important;
}

.text-success-400 {
  color: #2BB34D !important;
}

.text-success-400 ion-label {
  color: #2BB34D !important;
}

.text-brand-400 {
  color: #f9af58 !important;
}

.text-brand-400-underline {
  color: #f68a22 !important;
  border-bottom: 2px solid rgba(246, 138, 34, 0.6);
}

.bg-info-400 {
  background: #42aaff !important;
}

.bg-warning {
  background: #ffb6b9 !important;
}

.bg-success-400 {
  background: #2BB34D !important;
}

.btn-primary {
  background: #1A73E8 !important;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}

.clear-btn {
  width: 100%;
  text-align: center;
}

.clear-btn button {
  width: 100%;
  background: none;
  color: #1A73E8 !important;
}

.ready-btn {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ready-btn button {
  width: 100%;
  border-radius: 5px !important;
}

.close-btn {
  color: #F48D7D;
  border: 1px solid #F48D7D;
}

.danger-btn {
  background: #F0624D !important;
  color: #fff;
}

.text-secondary {
  color: #A5B0B7;
}

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

.bg-gray {
  background: #f6f8fa;
}

.bg-gray2 {
  background: #f6f8fa !important;
}

.bg-gray3 {
  background: #e6e6e6 !important;
}

.bg-white {
  background: #ffffff;
}

.bg-orange-gauge {
  background: #ffc740;
}

.bg-red-1 {
  background: #e62742;
}

.bg-red-2 {
  background: #e85167;
}

.bg-yellow-1 {
  background: #ffc740;
}

.bg-green-1 {
  background: #4abd67;
}

.bg-green-2 {
  background: #07912a;
}

.bg-brand {
  background: #F68A22 !important;
}

.bg-brand-opacity {
  background: rgba(252, 186, 3, 0.6) !important;
}

.list-inner {
  min-width: 100%;
}

.border-full {
  border: 1px solid #eee rgba(223, 223, 229, 0.6);
}

.border-radius-small {
  border-radius: 5px;
}

.border-radius-medium {
  border-radius: 10px;
}

.border-radius-top-medium {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.border-radius-bottom-medium {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.card-repeat {
  padding-top: 10px;
}

svg-icon.fill-black {
  fill: #121212 !important;
}

svg-icon.fill-black svg path,
svg-icon.fill-black svg line,
svg-icon.fill-black svg ellipse,
svg-icon.fill-black svg polyline,
svg-icon.fill-black svg polygon,
svg-icon.fill-black svg circle,
svg-icon.fill-black svg rect {
  fill: #121212 !important;
}

svg-icon.stroke-black svg path,
svg-icon.stroke-black svg line,
svg-icon.stroke-black svg ellipse,
svg-icon.stroke-black svg polyline,
svg-icon.stroke-black svg polygon,
svg-icon.stroke-black svg circle,
svg-icon.stroke-black svg rect {
  stroke: #121212 !important;
}

svg-icon.fill-white {
  fill: white !important;
}

svg-icon.stroke-white svg path,
svg-icon.stroke-white svg line,
svg-icon.stroke-white svg ellipse,
svg-icon.stroke-white svg polyline,
svg-icon.stroke-white svg polygon,
svg-icon.stroke-white svg circle,
svg-icon.stroke-white svg rect {
  stroke: white !important;
}

svg-icon.fill-success-400 {
  fill: #2BB34D !important;
}

svg-icon.stroke-success-400 svg path,
svg-icon.stroke-success-400 svg line,
svg-icon.stroke-success-400 svg ellipse,
svg-icon.stroke-success-400 svg polyline,
svg-icon.stroke-success-400 svg polygon,
svg-icon.stroke-success-400 svg circle,
svg-icon.stroke-success-400 svg rect {
  stroke: #2BB34D !important;
}

svg-icon.fill-brand-400 {
  fill: #f9af58 !important;
}

svg-icon.stroke-brand-400 svg path,
svg-icon.stroke-brand-400 svg line,
svg-icon.stroke-brand-400 svg ellipse,
svg-icon.stroke-brand-400 svg polyline,
svg-icon.stroke-brand-400 svg polygon,
svg-icon.stroke-brand-400 svg circle,
svg-icon.stroke-brand-400 svg rect {
  stroke: #f9af58 !important;
}

.button-full-width {
  width: 100%;
}

.button-full-width:hover {
  opacity: 0.8;
}

.opacity-08 {
  opacity: 0.8;
}

.button-rounded-none {
  border-radius: 3px !important;
}

.full-width {
  width: 100% !important;
  max-width: 100% !important;
}

.button-transparent {
  border-color: transparent !important;
  color: #000 !important;
  background: transparent !important;
}

.button-transparent-brand {
  border-color: transparent !important;
  color: #f9af58 !important;
  background: transparent !important;
}

.button-transparent-see-details {
  border-color: transparent !important;
  background: transparent !important;
  font-size: 10px !important;
  margin-top: -12px;
}

.button-outline-brand-400 {
  border-color: #F68A22 !important;
  color: #F68A22 !important;
  background: white !important;
}

.button-outline-danger {
  border-color: #F0624D !important;
  color: #F0624D !important;
  background: white !important;
}

.button-outline-black {
  border-color: #121212 !important;
  color: #121212 !important;
  background: white !important;
}

.button-outline-blue {
  border-color: #42aaff !important;
  color: #42aaff !important;
  background: white !important;
}

.button-brand-400 {
  color: white;
  background: #f9af58 !important;
}

.button-info-400 {
  color: white;
  background: #42aaff !important;
}

.button-danger-400 {
  color: white;
  background: #e1445a !important;
}

.button-danger-100 {
  color: #F0624D;
  background: #FEEBDB !important;
}

.button-success-400 {
  color: white;
  background: #2BB34D !important;
}

.button-gray {
  color: #c7cfdb !important;
  background: white !important;
  border-color: #c7cfdb !important;
}

.button-outline-gray {
  border-color: #c7cfdb !important;
  color: #c7cfdb !important;
  background: white !important;
}

.button-gray-400 {
  color: #121212 !important;
  background: #c7cfdb !important;
  border-color: #c7cfdb !important;
}

.button-gray-400-color-white {
  color: white !important;
  background: #c7cfdb !important;
  border-color: #c7cfdb !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-5 {
  -webkit-box-flex: 5%;
  -webkit-flex: 5%;
  -ms-flex: 5%;
  flex: 5%;
}

.flex-10 {
  -webkit-box-flex: 10%;
  -webkit-flex: 10%;
  -ms-flex: 10%;
  flex: 10%;
}

.flex-15 {
  -webkit-box-flex: 15%;
  -webkit-flex: 15%;
  -ms-flex: 15%;
  flex: 15%;
}

.flex-20 {
  -webkit-box-flex: 20%;
  -webkit-flex: 20%;
  -ms-flex: 20%;
  flex: 20%;
}

.flex-25 {
  -webkit-box-flex: 25%;
  -webkit-flex: 25%;
  -ms-flex: 25%;
  flex: 25%;
}

.flex-30 {
  -webkit-box-flex: 30%;
  -webkit-flex: 30%;
  -ms-flex: 30%;
  flex: 30%;
}

.flex-35 {
  -webkit-box-flex: 35%;
  -webkit-flex: 35%;
  -ms-flex: 35%;
  flex: 35%;
}

.flex-40 {
  -webkit-box-flex: 40%;
  -webkit-flex: 40%;
  -ms-flex: 40%;
  flex: 40%;
}

.flex-45 {
  -webkit-box-flex: 45%;
  -webkit-flex: 45%;
  -ms-flex: 45%;
  flex: 45%;
}

.flex-50 {
  -webkit-box-flex: 50%;
  -webkit-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
}

.flex-55 {
  -webkit-box-flex: 55%;
  -webkit-flex: 55%;
  -ms-flex: 55%;
  flex: 55%;
}

.flex-60 {
  -webkit-box-flex: 60%;
  -webkit-flex: 60%;
  -ms-flex: 60%;
  flex: 60%;
}

.flex-65 {
  -webkit-box-flex: 65%;
  -webkit-flex: 65%;
  -ms-flex: 65%;
  flex: 65%;
}

.flex-70 {
  -webkit-box-flex: 70%;
  -webkit-flex: 70%;
  -ms-flex: 70%;
  flex: 70%;
}

.flex-75 {
  -webkit-box-flex: 76%;
  -webkit-flex: 76%;
  -ms-flex: 76%;
  flex: 76%;
}

.flex-80 {
  -webkit-box-flex: 80%;
  -webkit-flex: 80%;
  -ms-flex: 80%;
  flex: 80%;
}

.flex-85 {
  -webkit-box-flex: 86%;
  -webkit-flex: 86%;
  -ms-flex: 86%;
  flex: 86%;
}

.flex-90 {
  -webkit-box-flex: 90%;
  -webkit-flex: 90%;
  -ms-flex: 90%;
  flex: 90%;
}

.flex-95 {
  -webkit-box-flex: 95%;
  -webkit-flex: 95%;
  -ms-flex: 95%;
  flex: 95%;
}

.flex-100 {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}

.width-fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.width-5-p {
  width: 5%;
}

.width-10-p {
  width: 10%;
}

.width-15-p {
  width: 15%;
}

.width-20-p {
  width: 20%;
}

.width-25-p {
  width: 25%;
}

.width-30-p {
  width: 30%;
}

.width-32-p {
  width: 32%;
}

.width-35-p {
  width: 35%;
}

.width-40-p {
  width: 40%;
}

.width-45-p {
  width: 45%;
}

.width-50-p {
  width: 50%;
}

.width-55-p {
  width: 55%;
}

.width-60-p {
  width: 60%;
}

.width-65-p {
  width: 65%;
}

.width-70-p {
  width: 70% !important;
}

.width-75-p {
  width: 76%;
}

.width-80-p {
  width: 80%;
}

.width-85-p {
  width: 86%;
}

.width-90-p {
  width: 90%;
}

.width-95-p {
  width: 95%;
}

.width-100-p {
  width: 100%;
}

.width-50-px {
  width: 50px !important;
}

.display-inline-block {
  display: inline-block !important;
}

.button-alert-full-blue {
  background-color: #2269f6;
  color: white;
  width: 100%;
  position: relative;
  border-radius: 20px;
  text-align: center;
  font-weight: 500;
}

.alrt-addmember button.alert-button.alert-button-md.alert-button-default.alert-button-default-md {
  background: transparent;
}

.alrt-addmember .alert-wrapper {
  padding: 26px 16px;
}

.alrt-addmember .alert-button-group {
  border: 1px solid #f9af58;
  padding: 2px 0px;
  border-radius: 3px;
}

.alrt-addmember .alert-md .alert-message,
.alrt-addmember .alert-md .alert-input-group {
  padding: 0 24px 20px;
}

.alrt-addmember .alert-md .alert-button {
  padding: 5px;
}

.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.display-flex dynamic-content-child-handler {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.display-flex dynamic-content-child-handler gd-datepicker {
  width: 100%;
}

.chip {
  padding: 5px 10px;
  text-align: center;
  float: right;
  max-width: 150px;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
}

.display-relative {
  display: relative !important;
}

.display-hidden {
  display: hidden !important;
}

.display-initial {
  display: initial !important;
}

.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.justify-content-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-left {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.justify-content-right {
  -webkit-box-pack: right;
  -webkit-justify-content: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.justify-content-normal {
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
}

.justify-content-start {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.justify-content-stretch {
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

.justify-content-space-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.justify-content-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-content-center {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.align-content-end {
  -webkit-align-content: end;
  -ms-flex-line-pack: end;
  align-content: end;
}

.align-content-flex-start {
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.align-content-flex-end {
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.align-content-left {
  -webkit-align-content: left;
  -ms-flex-line-pack: left;
  align-content: left;
}

.align-content-right {
  -webkit-align-content: right;
  -ms-flex-line-pack: right;
  align-content: right;
}

.align-content-normal {
  -webkit-align-content: normal;
  -ms-flex-line-pack: normal;
  align-content: normal;
}

.align-content-start {
  -webkit-align-content: start;
  -ms-flex-line-pack: start;
  align-content: start;
}

.align-content-stretch {
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.align-content-space-around {
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.align-content-space-between {
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.align-items-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
}

.align-items-flex-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-flex-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-normal {
  -webkit-box-align: normal;
  -webkit-align-items: normal;
  -ms-flex-align: normal;
  align-items: normal;
}

.align-items-self-end {
  -webkit-box-align: self-end;
  -webkit-align-items: self-end;
  -ms-flex-align: self-end;
  align-items: self-end;
}

.align-items-self-start {
  -webkit-box-align: self-start;
  -webkit-align-items: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
}

.align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}

.align-items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.justify-items-baseline {
  justify-items: baseline;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-flex-end {
  justify-items: flex-end;
}

.justify-items-flex-start {
  justify-items: flex-start;
}

.justify-items-normal {
  justify-items: normal;
}

.justify-items-self-end {
  justify-items: self-end;
}

.justify-items-self-start {
  justify-items: self-start;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-stretch {
  justify-items: stretch;
}

.small-select-icon {
  font-size: 20px;
}

.small-right-btn {
  width: 100%;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .small-right-btn {
    width: 140px;
    margin: 0 16px 0 auto;
    padding: 0;
  }
}

.custom-select .select-wrapper {
  background: #f2f5fa;
}

.custom-select ion-item .item-inner {
  padding: 0 !important;
}

.custom-select .icon-button {
  margin: 0;
}

.custom-select .icon-button ion-icon {
  color: #999;
}

.custom-select ion-label {
  color: #aaaaaa !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.custom-select ion-select {
  background-color: white;
}

.custom-select .display-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.border-radius-full {
  border-radius: 100% !important;
}

.timesheet-datepicker .calendar-container {
  margin: 0 auto;
}

.disabled-button {
  background-color: #dddddd !important;
}

.space-bottom {
  margin-bottom: 100px !important;
}

.center-w-50 {
  width: 50%;
  margin: 0 auto;
}

.chip {
  padding: 5px 10px;
  text-align: center;
  float: right;
  max-width: 150px;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
}

.video-container {
  margin-bottom: 16px;
}

.video-container iframe {
  border-radius: 5px;
}

.video-container video {
  border-radius: 5px;
}

gd-radio .radio-style ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

gd-input .input-style ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 12px !important;
}

gd-input .input-standard-no-fill ion-item .item-inner .input-wrapper ion-input {
  background: #fff;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

gd-input .input-standard-white ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

gd-input .input-standard-white ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

gd-input .input-standard-white ion-item .item-inner .input-wrapper ion-input {
  background: #fff;
  border-radius: 5px;
  border: 1.5px solid #EBECEF;
  padding: 5px 26px;
  font-size: 14px !important;
  color: #000;
}

.text-bold-p p {
  font-weight: 600;
}

.text-block-center {
  text-align: center;
  display: block !important;
}

.text-green-p {
  text-align: center;
  display: block !important;
}

.text-green-p p {
  color: #4CBF69 !important;
}

.text-blue-p {
  text-align: center;
  display: block !important;
}

.text-blue-p p {
  color: #2269f6 !important;
}

.text-center-header .label-align {
  display: block !important;
}

.select-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.select-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.select-black ion-item .item-inner .input-wrapper ion-select {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 0px;
}

.select-black ion-item .item-inner .input-wrapper ion-select .select-text {
  font-weight: normal;
  font-size: 14px;
  padding-left: 15px;
}

.select-black ion-item .item-inner .input-wrapper ion-select .select-icon {
  padding-right: 5px;
}

.input-datetime-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.input-datetime-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.input-datetime-black ion-item .item-inner .input-wrapper ion-datetime {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
  padding: 14px 15px;
}

.input-datetime-black ion-item .item-inner .input-wrapper ion-datetime .datetime-text {
  font-weight: normal;
  font-size: 14px;
  color: #000;
}

gd-datepicker .input-datetime-black .input-cal-icon:after {
  margin-right: 10px;
  margin-top: -5px;
}

.input-textarea-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.input-textarea-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.input-textarea-black ion-item .item-inner .input-wrapper ion-textarea {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
  padding: 5px 0px 0px 15px;
}

.input-textarea-black ion-item .item-inner .input-wrapper ion-textarea textarea {
  font-weight: normal;
  font-size: 14px;
  color: #000;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.input-texteditor-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ckeditor {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ckeditor .ck-editor .ck-editor__main .ck-content p {
  font-weight: normal;
  font-size: 14px;
  color: #000;
  padding-left: 5px;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ckeditor .ck-editor .ck-editor__main .ck-content p .button-auto-width {
  width: auto !important;
}

.button-auto-width {
  width: auto !important;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

.button-info-label {
  border-color: #0875cf !important;
  color: #0875cf !important;
  background: #87dfd6 !important;
}

.button-success-label {
  border-color: #07912a !important;
  color: #07912a !important;
  background: #72e08e !important;
}

.button-warning-label {
  border-color: #d6cf09 !important;
  color: #d6cf09 !important;
  background: #f7f36a !important;
}

.label-danger {
  border-color: #eb4559 !important;
  color: #eb4559 !important;
  background: #ffb6b9 !important;
  text-align: center;
  border-radius: 20px;
}

.label-info {
  border-color: #00bcd4 !important;
  color: #00bcd4 !important;
  background: #b2ebf2 !important;
  text-align: center;
  border-radius: 20px;
}

.button-danger-label {
  border-color: #a30505 !important;
  color: #a30505 !important;
  background: #ff4747 !important;
}

.chip-general-multiple {
  padding: 5px 10px;
  text-align: center;
  float: right;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
  margin: 3px;
}

.standard-width-search {
  min-width: 300px !important;
}

.avatar-standard {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 30%;
  object-position: 50% 30%;
}

.button-only-icon {
  padding: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.button-copy-standard:hover {
  background: #3e3e3e !important;
}

.button-copy-standard {
  background: #3e3e3e;
}

.button-copy-standard ion-icon {
  color: #FFF;
}

.button-copy-standard svg-icon svg path,
.button-copy-standard svg-icon svg line,
.button-copy-standard svg-icon svg ellipse,
.button-copy-standard svg-icon svg polyline,
.button-copy-standard svg-icon svg polygon,
.button-copy-standard svg-icon svg circle,
.button-copy-standard svg-icon svg rect {
  stroke: #FFF !important;
}

.button-whatsapp-standard:hover {
  background: #26d367 !important;
}

.button-whatsapp-standard {
  background: #26d367;
}

.button-whatsapp-standard svg-icon {
  fill: #FFF !important;
}

.button-whatsapp-standard svg-icon svg path,
.button-whatsapp-standard svg-icon svg line,
.button-whatsapp-standard svg-icon svg ellipse,
.button-whatsapp-standard svg-icon svg polyline,
.button-whatsapp-standard svg-icon svg polygon,
.button-whatsapp-standard svg-icon svg circle,
.button-whatsapp-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-instagram-standard:hover {
  background: #cf3573 !important;
}

.button-instagram-standard {
  background: #cf3573;
}

.button-instagram-standard svg-icon {
  fill: #FFF !important;
}

.button-instagram-standard svg-icon svg path,
.button-instagram-standard svg-icon svg line,
.button-instagram-standard svg-icon svg ellipse,
.button-instagram-standard svg-icon svg polyline,
.button-instagram-standard svg-icon svg polygon,
.button-instagram-standard svg-icon svg circle,
.button-instagram-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-facebook-standard:hover {
  background: #3a559f !important;
}

.button-facebook-standard {
  background: #3a559f;
}

.button-facebook-standard svg-icon {
  fill: #FFF !important;
}

.button-facebook-standard svg-icon svg path,
.button-facebook-standard svg-icon svg line,
.button-facebook-standard svg-icon svg ellipse,
.button-facebook-standard svg-icon svg polyline,
.button-facebook-standard svg-icon svg polygon,
.button-facebook-standard svg-icon svg circle,
.button-facebook-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-twitter-standard:hover {
  background: #33ccff !important;
}

.button-twitter-standard {
  background: #33ccff;
}

.button-twitter-standard svg-icon {
  fill: #FFF !important;
}

.button-twitter-standard svg-icon svg path,
.button-twitter-standard svg-icon svg line,
.button-twitter-standard svg-icon svg ellipse,
.button-twitter-standard svg-icon svg polyline,
.button-twitter-standard svg-icon svg polygon,
.button-twitter-standard svg-icon svg circle,
.button-twitter-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-linkedin-standard:hover {
  background: #2797cf !important;
}

.button-linkedin-standard {
  background: #2797cf;
}

.button-linkedin-standard img {
  margin-top: -4px;
  width: 30px;
}

.button-linkedin-standard svg-icon {
  fill: #FFF !important;
}

.button-linkedin-standard svg-icon svg path,
.button-linkedin-standard svg-icon svg line,
.button-linkedin-standard svg-icon svg ellipse,
.button-linkedin-standard svg-icon svg polyline,
.button-linkedin-standard svg-icon svg polygon,
.button-linkedin-standard svg-icon svg circle,
.button-linkedin-standard svg-icon svg rect {
  fill: #FFF !important;
}

.bg-none {
  background: none !important;
}

.text-large-checkbox ion-label {
  font-size: 18px;
  font-weight: 600;
}

.checkbox-wrap .item-inner ion-label {
  white-space: normal !important;
}

.margin-left-5-p {
  margin-left: 5% !important;
}

.margin-left-10-p {
  margin-left: 10% !important;
}

.margin-left-15-p {
  margin-left: 15% !important;
}

.margin-left-20-p {
  margin-left: 20% !important;
}

.margin-left-25-p {
  margin-left: 25% !important;
}

.margin-left-30-p {
  margin-left: 30% !important;
}

.margin-left-35-p {
  margin-left: 35% !important;
}

.margin-left-40-p {
  margin-left: 40% !important;
}

.margin-left-45-p {
  margin-left: 45% !important;
}

.margin-left-50-p {
  margin-left: 50% !important;
}

.margin-left-55-p {
  margin-left: 55% !important;
}

.margin-left-60-p {
  margin-left: 60% !important;
}

.margin-left-65-p {
  margin-left: 65% !important;
}

.margin-left-70-p {
  margin-left: 70% !important;
}

.margin-left-75-p {
  margin-left: 75% !important;
}

.margin-left-80-p {
  margin-left: 80% !important;
}

.margin-left-85-p {
  margin-left: 85% !important;
}

.margin-left-90-p {
  margin-left: 90% !important;
}

.margin-left-95-p {
  margin-left: 95% !important;
}

.margin-left-100-p {
  margin-left: 100% !important;
}

.margin-left-35-p {
  margin-left: 35% !important;
}

.main-grid {
  display: grid;
  grid-gap: 1rem;
}

.child-grid {
  width: 100% !important;
}

@media (min-width: 600px) {
  .child-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .child-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .row-skeleton {
    margin: 7px 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
  .row-skeleton .left-side {
    max-width: 100% !important;
    margin-bottom: 30px;
  }
  .row-skeleton .left-side .line {
    background: #DEDEDE;
    margin: 5px 0;
  }
  .row-skeleton .left-side .line:nth-child(1) {
    width: 50%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .row-skeleton .right-side {
    max-width: 100% !important;
    margin-bottom: 20px;
  }
  .row-skeleton .right-side .list-box {
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 0;
    width: 100%;
  }
  .row-skeleton .right-side .list-box .line {
    background: #DEDEDE;
    margin: 6px 0;
  }
  .row-skeleton .right-side .list-box .line:nth-child(1) {
    width: 40%;
  }
  .row-skeleton .right-side .list-box .line:nth-child(2) {
    width: 60%;
  }
  .row-skeleton .right-side .list-box:nth-child(1) {
    padding: 0 0 10px 0;
  }
  .row-skeleton .right-side .list-box:nth-child(6) .line {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .row-skeleton {
    margin: 7px 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
  }
  .row-skeleton .left-side .line {
    background: #DEDEDE;
    margin: 5px 0;
  }
  .row-skeleton .left-side .line:nth-child(1) {
    width: 80%;
  }
  .row-skeleton .right-side .list-box {
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 0;
    width: 100%;
  }
  .row-skeleton .right-side .list-box .line {
    background: #DEDEDE;
    margin: 6px 0;
  }
  .row-skeleton .right-side .list-box .line:nth-child(1) {
    width: 40%;
  }
  .row-skeleton .right-side .list-box .line:nth-child(2) {
    width: 60%;
  }
  .row-skeleton .right-side .list-box:nth-child(1) {
    padding: 0 0 10px 0;
  }
  .row-skeleton .right-side .list-box:nth-child(6) .line {
    width: 50%;
  }
}

sf-2label .primary-title {
  color: #F68A22;
}

sf-avatar-rating-list .sf-avatar-rating-list-title {
  color: #F68A22;
}

sf-avatar-rating-list .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-avatar-rating-list .star {
  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;
}

sf-avatar-rating-list .avatar-rating-list-title {
  color: #F68A22;
}

sf-avatarlabel .label-md {
  margin: 0 8px !important;
}

sf-avatarlabel ion-avatar {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

sf-avatarlabel .avatar-label-title {
  color: #F68A22;
}

sf-avatarlabel .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-avatarlabel > ion-item > div.item-inner:first-child {
  border-bottom: 0 !important;
}

sf-avatarlist .sf-avatarlist-title {
  color: #F68A22;
}

sf-avatarlist .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-avatarlist-custom-1 .sf-avatarlist-title {
  color: #F68A22;
}

sf-avatarlist-custom-1 .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-avatarlist-custom-1 .footer {
  background-color: #F68A22;
}

sf-avatarlist-custom-1 .footer p {
  color: #f4f4f4;
}

sf-avatarlist-custom-1 .button-footer {
  background-color: #F68A22;
  border-radius: 5px;
  color: #f4f4f4;
  text-align: center;
  margin-top: 5px;
}

sf-card .destination-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px;
  padding-bottom: 16px;
}

sf-card .destination-card .destination-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

sf-card .destination-card .destination-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

sf-card .destination-card .destination-form {
  padding: 1px 12px;
}

sf-card .label-right {
  text-align: right;
}

sf-card .card-index {
  color: #fff;
  padding-top: 5px;
  padding-right: 10px;
}

sf-chart-pie .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;
  font-size: 2.2rem;
}

sf-chart-pie .chart-pie {
  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;
}

sf-chart-pie .custom-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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

sf-chat .messages-room {
  background-color: #ffffff !important;
}

sf-chat .messages-room .yours {
  margin-right: 2em;
  text-align: left;
  margin-left: -20px;
  background: #fef1ec;
  margin-bottom: 20px;
  padding: 0 10px 10px 10px;
}

sf-chat .messages-room .clear {
  clear: both;
}

sf-chat .messages-room .toolbar-title {
  padding: 0 !important;
}

sf-chat .messages-room .profile-div {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

sf-chat .messages-room .profile-top {
  line-height: 2em;
}

sf-chat .messages-room .bubblechat {
  padding: 3px 15px;
}

sf-chat .messages-room .bubblechat p {
  word-wrap: break-word;
  word-break: break-word;
}

sf-chat .messages-room .from-me div {
  position: relative;
  padding: 0 10px;
  color: #333333;
  background: #DEF7FF !important;
  border-radius: 0.4em;
  display: inline-block;
  right: 0;
  width: 100%;
}

sf-chat .messages-room .from-me div:after {
  border-color: #DEF7FF transparent transparent #DEF7FF;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  bottom: auto;
  content: " ";
  height: 0;
  left: auto;
  position: absolute;
  right: -15px;
  top: 18px;
  width: 0;
}

sf-chat .messages-room .from-them div {
  position: relative;
  padding: 0 10px;
  color: #3d3d3d;
  background: #F0F4F8 !important;
  border-radius: 0.4em;
  display: inline-block;
  left: 0;
  width: 100%;
}

sf-chat .messages-room .from-them div:after {
  border-color: #F0F4F8 #F0F4F8 transparent transparent;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  bottom: auto;
  content: " ";
  height: 0;
  left: -15px;
  position: absolute;
  right: auto;
  top: 18px;
  width: 0;
}

sf-chat .messages-room .boxchat {
  border-color: white !important;
  position: relative;
  color: #7f7f7f !important;
  background: white;
  float: right;
  width: 100%;
}

sf-chat .messages-room .boxchat:before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 17px;
  right: -7px;
  height: 20px;
  border-right: 20px solid white;
  border-top-left-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}

sf-chat .messages-room .boxchat:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 17px;
  right: -56px;
  width: 5em;
  height: 20px;
  background: #ffffff;
  border-top-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}

sf-chat .messages-room .text-date {
  font-size: 0.8em !important;
  bottom: 0;
  float: right;
  opacity: 0.7;
}

sf-checkbox .checkbox-header .item-inner {
  border-bottom: none;
}

sf-checkbox .item-md.item-block .item-inner {
  border-bottom: none;
}

sf-checkbox .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

sf-checkbox .checkbox-md.checkbox-disabled, sf-checkbox .item-md.item-checkbox-disabled ion-label {
  opacity: 1 !important;
  pointer-events: none;
}

sf-checkbox-input .checkbox-header .item-inner {
  border-bottom: none;
}

sf-checkbox-input .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

sf-checkbox-input .checkbox-md.checkbox-disabled, sf-checkbox-input .item-md.item-checkbox-disabled ion-label {
  opacity: 1 !important;
  pointer-events: none;
}

sf-checkbox-list .sf-component-title {
  color: #F68A22;
}

sf-checkbox-list .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-checkbox-list .text-pre-line {
  white-space: pre-line;
}

sf-checkbox-list .checkbox-header .item-inner {
  border-bottom: none;
}

sf-checkbox-list .item-md.item-block .item-inner {
  border-bottom: none;
}

sf-checkbox-list .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

sf-checkbox-list .checkbox-md.checkbox-disabled, sf-checkbox-list .item-md.item-checkbox-disabled ion-label {
  opacity: 1 !important;
  pointer-events: none;
}

sf-checkbox-multiple .sf-component-title {
  color: #F68A22;
}

sf-checkbox-multiple .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

sf-datalist .sf-component-title {
  color: #F68A22;
}

sf-datalist .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-datalist .text-pre-line {
  white-space: pre-line;
}

sf-datalist-custom-1 .sf-component-title {
  color: #F68A22;
}

sf-datalist-custom-1 .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-datalist-custom-1 .color-outline {
  color: #F68A22;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
}

sf-datalist-custom-1 .circle {
  height: 30px;
  width: 30px;
  background-color: #F68A22;
  border-radius: 50%;
  -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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

sf-datalist-custom-1 .bottom-section {
  background-color: #F68A22;
}

sf-datalist-custom-1 .bottom-section .left-title {
  color: white;
  font-size: 1.1em;
}

sf-datalist-custom-1 .bottom-section .right-title {
  color: white;
}

sf-datalist-custom-2 .sf-component-title {
  color: #F68A22;
}

sf-datalist-custom-2 .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-datalist-custom-2 .color-outline {
  color: #F68A22;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
}

sf-datalist-custom-2 .bottom-text {
  color: #f4f4f4;
}

sf-datalist-custom-2 .circle {
  height: 30px;
  width: 30px;
  background-color: #F68A22;
  border-radius: 50%;
  -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;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

sf-datalist-custom-2 .bottom-section {
  background-color: #F68A22;
}

sf-datalist-custom-2 .bottom-section .left-title {
  color: white;
  font-size: 1.1em;
}

sf-datalist-custom-2 .bottom-section .right-title {
  color: white;
}

sf-datalist2 .sf-component-title {
  color: #F68A22;
}

sf-datalist2 .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-datalist2 .text-pre-line {
  white-space: pre-line;
}

sf-datalist3 .sf-component-title {
  color: #F68A22;
}

sf-datalist3 .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-datalist3 .text-pre-line {
  white-space: pre-line;
}

sf-datalist3 ion-col {
  padding: 0 !important;
}

sf-datalist3 .item-inner {
  padding-right: 0 !important;
}

sf-date-time .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

sf-date-time .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

sf-datepicker .sf-component-title {
  color: #F68A22;
}

sf-datepicker .datetime-disabled, sf-datepicker .item-datetime-disabled ion-label {
  opacity: 1 !important;
  pointer-events: none;
}

sf-daterange .datetime-style {
  padding: 13px 0px 13px 0px !important;
}

sf-daterange .datetime-disabled, sf-daterange .item-datetime-disabled ion-label {
  opacity: 1 !important;
}

sf-download .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;
  color: #F68A22;
}

sf-download .btn-download {
  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;
}

sf-download-multiple .title {
  color: #F68A22;
}

sf-download-multiple .btn-download {
  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;
}

sf-download-multiple .title-download {
  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;
  white-space: nowrap;
  text-overflow: ellipsis;
}

sf-header .header-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;
}

sf-header .header-left {
  -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: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

sf-header .header-right {
  -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: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

sf-header .not-selected {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

sf-header .select-primary {
  color: #F68A22;
}

sf-datalist .sf-component-title {
  color: #F68A22;
}

sf-datalist .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-datalist .text-pre-line {
  white-space: pre-line;
}

sf-iconbutton .iconbutton-outer {
  padding: 0 10px;
}

sf-iconbutton ion-icon span {
  text-transform: capitalize;
  bottom: 1px;
  position: absolute;
  left: 0;
  background-color: #F68A22;
}

sf-image .img-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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

sf-info-box .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

sf-info-box .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

sf-info-box .align-left {
  float: left;
}

sf-info-box .align-right {
  float: right;
}

sf-info-box .font-color {
  color: #F68A22;
}

sf-info-box p {
  margin-bottom: -10px !important;
}

sf-info-box .item-row-time .item-inner {
  border: none !important;
}

sf-inner-html .label-title {
  color: #F68A22;
}

sf-integer .text-input[disabled] {
  opacity: 1 !important;
}

sf-label .label-title {
  color: #F68A22;
}

sf-label-array .sf-component-title {
  color: #F68A22;
}

sf-label-array .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-label-array .title {
  color: #F68A22;
  font-weight: normal;
}

sf-label-icon ion-icon {
  margin: 0;
}

sf-label-icon .iconbutton-outer {
  padding: 0 10px;
}

sf-label-icon .select-primary-color {
  color: #F68A22;
}

sf-label-icon .label-no-pad ion-label {
  margin-top: 0;
}

sf-label-list .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-label-list .sf-component-title {
  color: #F68A22;
}

sf-label-list .text-pre-line {
  white-space: pre-line;
}

sf-label-list .text-padding {
  padding: 10px;
}

sf-label-list .text-margin {
  margin-bottom: 5px;
}

sf-label-list .col {
  padding: 0 !important;
}

sf-preview-report .scroll-content {
  overflow-y: hidden !important;
}

sf-preview-report .div-title {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0.5em;
}

sf-preview-report .div-header {
  clear: both;
  height: 95%;
  width: 100%;
}

sf-preview-report .table-preview {
  display: block;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

sf-preview-report .table-preview tr {
  width: 100%;
}

sf-preview-report .table-preview th {
  text-decoration: underline;
}

sf-preview-report .table-preview th, sf-preview-report .table-preview td {
  padding: 10px;
  text-align: left;
  min-width: 300px;
}

sf-preview-report .table-preview td {
  white-space: pre-line;
  -webkit-transform: translateY(-9px);
  transform: translateY(-9px);
}

sf-preview-report .table-preview td:nth-child(1), sf-preview-report .table-preview th:nth-child(1) {
  min-width: 50px !important;
}

sf-preview-report .table-preview thead {
  background-color: #333;
  color: #FDFDFD;
  position: -webkit-sticky;
  position: sticky;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: 0;
  z-index: 3;
}

sf-preview-report .table-preview thead tr {
  display: table;
  overflow: auto;
  width: 100%;
  height: 100%;
}

sf-preview-report .table-preview tbody {
  display: block;
}

sf-preview-report .table-preview tbody tr:nth-child(even) {
  background-color: #DDD;
}

sf-preview-report .div-no-record {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0.5em;
}

sf-preview-report ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

sf-preview-report ::-webkit-scrollbar {
  width: 9px !important;
  height: 10px !important;
  background-color: #F5F5F5;
}

sf-preview-report ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

sf-preview-report ::-webkit-scrollbar-thumb:hover {
  background-color: #9f9f9f !important;
  -webkit-transition: background-color 1s ease !important;
  transition: background-color 1s ease !important;
}

sf-progress-bar .progress-bar-area {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

sf-progress-bar .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

sf-progress-bar .progress-bar > div {
  color: white;
  background: #F68A22;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 10px;
  border-radius: 10px;
  -webkit-animation: progress-bar 2s;
  animation: progress-bar 2s;
}

sf-progress-bar .align-right {
  color: #F68A22 !important;
  text-align: right;
}

sf-progress-bar .col-right {
  text-align: right;
  color: #F68A22 !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@-webkit-keyframes progress-bar {
  0% {
    width: 0;
  }
}

@keyframes progress-bar {
  0% {
    width: 0;
  }
}

sf-progress-bar .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22 !important;
}

sf-progress-bar .date-range {
  white-space: pre-line !important;
  -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;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

sf-progress-bar .bottom-left-text {
  float: left !important;
}

sf-progress-bar .bottom-right-text {
  float: right !important;
}

@media only screen and (max-width: 330px) {
  sf-progress-bar .date-range {
    font-size: 0.7em;
  }
  sf-progress-bar .bottom-left-text {
    font-size: 0.7em;
  }
  sf-progress-bar .bottom-right-text {
    font-size: 0.7em;
  }
}

sf-radio .radio-md.radio-disabled,
sf-radio .item-md.item-radio-disabled ion-label {
  opacity: 1 !important;
}

sf-radio .list-radio ion-item .item-inner {
  border: none !important;
}

sf-rating .rating .score {
  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: 2.5em;
}

sf-rating .rating .detail {
  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;
}

sf-rating .rating .detail .caption {
  font-size: 21px !important;
  color: #F68A22 !important;
  font-family: 'regular' !important;
  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;
}

sf-rating .rating .detail .star {
  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;
}

sf-rating-mini .rating .score {
  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: 2.5em;
}

sf-rating-mini .rating-title {
  color: #F68A22;
}

sf-receipt .text-input-md {
  margin: 0;
  font-size: 14px;
  border: 1px solid #F68A22;
  padding: 2px 4px;
  width: calc(100% - 8px - 8px);
}

sf-segment {
  position: absolute;
  width: 100%;
  left: 5px;
  margin-top: -16px;
}

sf-segment ion-segment-button {
  text-transform: uppercase !important;
}

sf-segment .item-md.item-block .item-inner {
  padding-right: 0;
}

sf-segment .segment-widget {
  background-color: #F68A22;
}

sf-segment ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

sf-segment .spinner-wrapper-dynamic-segment {
  text-align: center !important;
  height: 100%;
  z-index: 99999;
  width: 100%;
  padding-top: 1em;
}

sf-segment > ion-item > div.item-inner:first-child {
  border-bottom: 0 !important;
}

sf-select .select-disabled, sf-select .item-select-disabled ion-label {
  opacity: 1 !important;
}

sf-select2 .item-inner {
  padding-top: 10px;
  padding-bottom: 10px;
}

sf-select2 .sf-component-title {
  color: #F68A22;
}

sf-select2 .text-input {
  color: #808080;
}

sf-select2 .text-input[disabled] {
  opacity: 1 !important;
  color: #808080;
}

sf-select2 .icon-button {
  height: -webkit-max-content !important;
  height: -moz-max-content !important;
  height: max-content !important;
}

sf-separator .separator-style {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
  font-weight: 500;
  font-size: 16px;
  color: #F68A22;
}

sf-separator2 .separator-style {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
  padding-bottom: 5px !important;
  padding-top: 5px !important;
  font-weight: 500;
  font-size: 16px;
}

sf-separator2 .primary-color {
  color: #F68A22;
}

sf-shift .center-align {
  margin: 0px 0px 0px 17px;
}

sf-shift .list-date h2 {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  font-size: 110%;
  margin: 0px 0px;
}

sf-shift .header-color {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  margin-top: 10px;
}

sf-shift .header-color2 {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  margin-top: 10px;
}

sf-shift .shift-date {
  font-weight: bold;
  font-size: 0.9em;
  padding: 5px 0px;
  margin: 0px;
}

sf-shift .row-date ion-col {
  padding: 0px;
  font-size: 0.8em;
}

sf-shift .row-date p {
  padding: 5px 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

sf-shift .footer-claim {
  position: fixed;
  bottom: 0;
}

sf-shift .input-chart-icon::after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
}

sf-shift .input-chart-icon-before::before {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
}

sf-shift .input-chart-icon-30min::after {
  content: "\e96e";
  font-family: sficon;
  font-size: 40px;
  text-decoration: inherit;
}

sf-shift .duoInputIcon ion-col p {
  font-size: 0.8em;
}

sf-shift .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

sf-shift .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

sf-string .sf-component-title {
  color: #F68A22;
}

sf-textarea .add-margin {
  margin-bottom: 50px;
}

sf-total .h2-style {
  color: #F68A22;
}

sf-upload .sf-component-title {
  color: #F68A22;
}

sf-upload .label-file {
  color: #F68A22;
}

sf-upload .btn-file {
  padding: 8px 15px;
  background-color: #F68A22;
  border-radius: 3px;
  color: #fff;
  margin-right: 8px;
  height: 25px;
  width: 100px;
  display: inline-table;
}

sf-upload .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

sf-upload .btn-file span {
  display: block;
  color: #777;
}

sf-upload .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-upload .custom-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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

sf-upload-image .chip-md {
  width: 100% !important;
}

@media screen and (max-width: 600px) {
  sf-upload-image .chip-md {
    width: 100% !important;
  }
  sf-upload-image .chip-ios {
    width: 100% !important;
  }
  sf-upload-image ion-chip {
    height: 100% !important;
  }
}

sf-upload-image .img-preview {
  position: relative;
  display: inline-block;
}

sf-upload-image .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

sf-upload-image .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

sf-upload-multiple .sf-component-title {
  color: #F68A22;
}

sf-upload-multiple .label-file {
  color: #F68A22;
}

sf-upload-multiple .btn-file {
  padding: 8px 15px;
  background-color: #F68A22;
  border-radius: 3px;
  color: #fff;
  margin-right: 8px;
  height: 25px;
  width: 100px;
  display: inline-table;
}

sf-upload-multiple .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

sf-upload-multiple .btn-file span {
  display: block;
  color: #777;
}

sf-upload-multiple .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

sf-upload-multiple .custom-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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

sf-upload2 .chip-md {
  width: 100% !important;
}

@media screen and (min-width: 601px) {
  sf-upload2 ion-chip {
    min-height: 200px !important;
  }
  sf-upload2 ion-card {
    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;
  }
  sf-upload2 ion-card img {
    width: 150px !important;
    height: 150px !important;
  }
}

@media screen and (max-width: 600px) {
  sf-upload2 .chip-md {
    width: 100% !important;
  }
  sf-upload2 .chip-ios {
    width: 100% !important;
  }
  sf-upload2 ion-chip {
    height: 100% !important;
  }
}

sf-upload2 .sub-icon {
  zoom: 2;
}

sf-upload2 .img-preview {
  position: relative;
  display: inline-block;
}

sf-upload2 .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

sf-upload2 .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

gd-2label .primary-title {
  color: #F68A22;
}

gd-avatarlabel .label-md {
  margin: 0 8px !important;
}

gd-avatarlabel ion-avatar {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

gd-avatarlabel .avatar-label-title {
  color: #F68A22;
}

sf-avatarlabel > ion-item > div.item-inner:first-child {
  border-bottom: 0 !important;
}

gd-avatarlist .gd-avatarlist-title {
  color: #F68A22;
}

gd-avatarlist .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

gd-bottom-hint .wrapper-hint {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: calc(100% - 32px);
  background-color: white;
  padding: 8px;
  border-radius: 8px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  max-height: unset !important;
}

gd-bottom-hint .wrapper-hint .title-hint {
  margin-bottom: 8px;
  color: #222 !important;
  font-weight: bold;
  font-size: 16px !important;
  white-space: normal;
}

gd-bottom-hint .wrapper-hint .cta-hint {
  color: #F68A22 !important;
  font-size: 12px !important;
  font-weight: bold;
}

gd-bottom-hint .wrapper-hint .cta-hint ion-icon {
  color: #F68A22 !important;
}

gd-button svg {
  margin-right: 10px;
}

gd-button div li.button-content {
  display: inline-block;
  list-style: none;
  background-color: #F68A22;
  color: #fff;
  text-transform: capitalize;
  min-width: 80px;
  max-width: 150px;
  font-size: 12px;
  width: 100%;
  border-radius: 10px !important;
}

gd-button .full-width {
  width: 100%;
}

gd-button-content svg {
  margin-right: 10px;
}

gd-button-toggle .gd-component-title {
  color: #AAAAAA !important;
  margin-bottom: 12px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-callapi {
  display: block;
}

gd-card .destination-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px;
  padding-bottom: 16px;
}

gd-card .destination-card .destination-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

gd-card .destination-card .destination-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

gd-card .destination-card .destination-form {
  padding: 1px 12px;
}

gd-card .label-right {
  text-align: right;
}

gd-card .card-index {
  color: #fff;
  padding-top: 5px;
  padding-right: 10px;
}

gd-checkbox .checkbox-header .item-inner {
  border-bottom: none;
}

gd-checkbox .item-md.item-block .item-inner {
  border-bottom: none;
}

gd-checkbox .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

gd-checkbox .checkbox-md.checkbox-disabled, gd-checkbox .item-md.item-checkbox-disabled ion-label {
  opacity: 1 !important;
  pointer-events: none;
}

.is-tab {
  padding-bottom: 0px !important;
}

gd-checkbox-list .gd-component-title {
  color: #F68A22;
}

gd-checkbox-list .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

gd-checkbox-list .text-pre-line {
  white-space: pre-line;
}

gd-checkbox-list .checkbox-header .item-inner {
  border-bottom: none;
}

gd-checkbox-list .item-md.item-block .item-inner {
  border-bottom: none;
}

gd-checkbox-list .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

gd-checkbox-list .checkbox-md.checkbox-disabled, gd-checkbox-list .item-md.item-checkbox-disabled ion-label {
  opacity: 1 !important;
  pointer-events: none;
}

gd-component-static {
  padding-top: 10px;
  padding-bottom: 10px;
}

gd-component-static maps-component #map {
  width: 100%;
  height: 100vh;
}

gd-datalist {
  /* .chip merupakan tag sementara, sebelum user menggunakan gdx-chip di global (ux-team) */
}

gd-datalist .checkbox-header .item-inner {
  border-bottom: none;
}

gd-datalist .item-md.item-block .item-inner {
  border-bottom: none;
}

gd-datalist .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

gd-datalist .checkbox-md.checkbox-disabled, gd-datalist .item-md.item-checkbox-disabled ion-label {
  opacity: 1 !important;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  gd-datalist button.button-action-right {
    margin-right: -12px !important;
  }
  gd-datalist .no-border .border-multi {
    border: none;
  }
}

gd-datalist .chip {
  padding: 5px 10px;
  text-align: center;
  float: right;
  max-width: 150px;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
}

gd-datalist .image-left img.circle {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 10%;
  object-position: 50% 10%;
}

gd-datalist .image-left img.circle-mini {
  width: 30px !important;
  height: 30px !important;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 10%;
  object-position: 50% 10%;
}

gd-datalist .icon-left.circle ion-icon {
  font-size: 30px;
  background: #aaa;
  border-radius: 100%;
  padding: 10px;
}

gd-datalist .icon-left.primary ion-icon {
  background: #F68A22 !important;
}

gd-datalist .icon-left.transparant ion-icon {
  background: transparent !important;
}

gd-datalist .icon-left.text-white ion-icon {
  color: #fff !important;
}

gd-datalist .icon-left.text-black ion-icon {
  color: #192528 !important;
}

gd-datalist .image-left-active {
  margin-left: 16px;
}

gd-datalist .padding-left-30 {
  padding-left: 30px !important;
}

gd-datalist .padding-left-40 {
  padding-left: 40px !important;
}

gd-datalist .content-list {
  width: 100%;
}

gd-datalist .sf-component-title {
  color: #F68A22;
}

gd-datalist .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

gd-datalist .sf-component-title-custom {
  color: #F68A22 !important;
}

gd-datalist .title-default {
  white-space: normal;
}

gd-datalist .text-pre-line {
  white-space: pre-line;
}

gd-datalist .border-multi {
  border-bottom: 1px solid rgba(223, 223, 229, 0.6);
}

gd-datalist .wrapper-multi {
  width: 100%;
}

gd-datalist .wrapper-multi .useSideLabel .detail .caption-list h2 {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  font-family: "regular" !important;
  margin: 0 !important;
  font-size: 14px !important;
}

gd-datalist .wrapper-multi .useSideLabel .detail .caption-list h2:first-child {
  margin-bottom: 2px !important;
}

gd-datalist .wrapper-multi .useSideLabel .detail .caption-list h2:last-child {
  color: #A5B0B7 !important;
}

gd-datalist .wrapper-multi .useSideLabel button {
  padding: 10px 16px;
  margin: 0;
  border-color: #dbdbe1;
  border-radius: 10px;
}

gd-datalist .wrapper-multi .useSideLabel button .text-edit {
  margin-left: 6px;
  text-transform: capitalize;
  color: #A5B0B7;
}

gd-datalist .wrapper-multi .useSideLabel button .icon-edit::before {
  font-size: 18px;
  color: #A5B0B7;
}

gd-datalist .wrapper-multi .useSideLabel .icon-img {
  width: 17px;
}

@media screen and (max-width: 768px) {
  gd-datalist .wrapper-row {
    padding: 0 !important;
  }
}

gd-datalist .responsiveness .subwrapper {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
}

gd-datalist .responsiveness .caption h2 {
  text-align: center !important;
}

gd-datalist .responsiveness .icon-left {
  margin-right: 0 !important;
}

gd-datalist .wrapper-row {
  margin: 16px 0;
  padding: 16px;
}

gd-datalist .wrapper-row .subwrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

gd-datalist .wrapper-row .caption {
  min-width: 90px;
}

gd-datalist .wrapper-row .caption h2 {
  text-align: start;
  font-size: 12px !important;
  font-family: "regular" !important;
  margin: 0 !important;
  color: #A5B0B7 !important;
  white-space: pre-wrap;
}

gd-datalist .wrapper-row .icon-right ion-icon,
gd-datalist .wrapper-row .icon-left ion-icon {
  color: #A5B0B7 !important;
}

gd-datalist .wrapper-row .icon-right ion-icon::before {
  font-size: 14px !important;
}

gd-datalist .wrapper-row .icon-left ion-icon::before {
  font-size: 28px !important;
}

gd-datalist .cursor-default {
  cursor: default !important;
}

gd-datalist .image-left img {
  max-width: none;
}

gd-datalist h2 > div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

gd-datalist .overflow {
  overflow: hidden;
}

gd-datalist .parent-data-left, gd-datalist .data-left {
  overflow: hidden;
}

gd-datalist .subtitle-ellipsis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

gd-datalist .overflow-hidden {
  overflow: hidden;
}

gd-datalist .date-only-custom {
  margin: auto 0;
}

gd-datalist .loop-right-custom {
  white-space: normal;
}

.line-unset {
  -webkit-line-clamp: unset !important;
}

gd-date-time .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

gd-date-time .input-cal2-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

gd-date-time .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

gd-date-time .duoInputIcon ion-col p {
  font-size: 0.8em;
}

gd-date-time .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

gd-date-time .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

gd-datepicker .sf-component-title {
  color: #F68A22;
}

gd-datepicker .datetime-disabled, gd-datepicker .item-datetime-disabled ion-label {
  opacity: 1 !important;
  pointer-events: none;
}

gd-datepicker .icon-date:after {
  font-family: sficon;
  content: "\e909";
}

gd-datepicker .icon-time:after {
  font-family: sficon;
  content: "\e912";
}

gd-datepicker .input-cal-icon:after {
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

gd-datepicker .input-standard ion-item .item-inner {
  border: none !important;
  padding-right: 0 !important;
}

gd-datepicker .input-standard ion-item .item-inner ion-label {
  color: #AAAAAA !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-datepicker .input-standard ion-item .item-inner ion-datetime {
  position: relative;
  background: #f2f5fa;
  border: 2px solid #edf1f7;
  padding: 9px 14px 9px 14px;
}

gd-datepicker .input-standard ion-item .item-inner ion-datetime .datetime-text {
  font-size: 14px;
}

gd-datepicker .input-standard ion-item .item-inner ion-datetime:after {
  right: 10px;
  bottom: 4px;
}

.date-box .time-box .time-section {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 6px 16px;
  position: relative;
}

.date-box .time-box ion-datetime {
  position: relative;
  padding: 0;
}

.date-box .time-box ion-select {
  max-width: unset;
  padding: 5px 8px 5px 16px !important;
  width: 100%;
  float: unset !important;
}

.date-box .time-box svg-icon circle, .date-box .time-box svg-icon path {
  stroke: #A5B0B7;
}

gd-daterange .datetime-style {
  padding: 13px 0px 13px 0px !important;
}

gd-daterange .datetime-disabled, gd-daterange .item-datetime-disabled ion-label {
  opacity: 1 !important;
}

gd-dateselect .sf-component-title {
  color: #F68A22;
}

gd-dateselect .datetime-disabled, gd-dateselect .item-datetime-disabled ion-label {
  opacity: 1 !important;
  pointer-events: none;
}

gd-dateselect .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

.showing-data {
  text-align: left;
  margin-bottom: 10px;
  padding: 0px 15px;
  font-weight: 500;
  color: #192528;
}

gd-dynamic-field .link-dropdown {
  color: #F68A22 !important;
}

gd-dynamic-field .header-dynamic-field {
  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;
  padding: 8px 18px;
}

gd-dynamic-field .header-dynamic-field .title-dynamic-field {
  font-size: 16px;
  color: #121212;
  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;
}

gd-dynamic-field .header-dynamic-field .button-dynamic-field button {
  text-transform: none !important;
  padding: 0 10px !important;
}

gd-dynamic-field .table-container {
  margin-top: 20px;
  overflow-x: auto;
}

gd-dynamic-field .table-container table {
  width: 100%;
}

gd-dynamic-field .table-container table th, gd-dynamic-field .table-container table td {
  padding: 8px 16px;
}

gd-dynamic-field .table-container table th img, gd-dynamic-field .table-container table td img {
  vertical-align: middle;
}

gd-dynamic-field .table-container table th ion-label {
  font-family: 'bold';
  text-align: start;
}

gd-dynamic-field .table-container table th {
  text-align: left;
}

gd-dynamic-field .table-container table td .ion-label {
  font-size: 16px;
  color: #AAAAAA;
  padding: 18px 26px;
}

gd-dynamic-field .table-container table td.first-col {
  color: #121212;
}

gd-dynamic-field .table-container table .label-align {
  color: #C7CFDB;
  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;
}

gd-dynamic-field .table-container table .label-align .checkbox-header {
  margin-right: 5px;
  height: 20px;
}

gd-dynamic-field .table-container table .gdx-row {
  background-color: white;
  margin-bottom: 14px;
}

gd-dynamic-field .table-container table .gdx-row button {
  text-transform: capitalize;
  font-size: 14px;
  font-family: 'bold';
}

gd-dynamic-field .table-container table .gdx-row button svg-icon {
  margin-right: 7px;
}

gd-dynamic-field .table-container table .divider {
  height: 14px;
}

gd-dynamic-field .table-container-mobile {
  padding: 18px;
}

gd-dynamic-field .table-container-mobile table, gd-dynamic-field .table-container-mobile tbody, gd-dynamic-field .table-container-mobile tr {
  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: 10px 0;
}

gd-dynamic-field .table-container-mobile table td, gd-dynamic-field .table-container-mobile tbody td, gd-dynamic-field .table-container-mobile tr td {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

gd-dynamic-field .table-container-mobile table td .column-title, gd-dynamic-field .table-container-mobile tbody td .column-title, gd-dynamic-field .table-container-mobile tr td .column-title {
  width: 40%;
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-weight: 500;
}

gd-dynamic-field .table-container-mobile table td .button-dynamic-field-form, gd-dynamic-field .table-container-mobile tbody td .button-dynamic-field-form, gd-dynamic-field .table-container-mobile tr td .button-dynamic-field-form {
  width: 100%;
}

gd-dynamic-field .table-container-mobile table td .button-dynamic-field-form button, gd-dynamic-field .table-container-mobile tbody td .button-dynamic-field-form button, gd-dynamic-field .table-container-mobile tr td .button-dynamic-field-form button {
  width: 100%;
}

gd-dynamic-field .input-standard ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-dynamic-field .input-standard ion-item .item-inner .input-wrapper ion-label {
  color: #AAAAAA !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-dynamic-field .input-standard ion-item .item-inner .input-wrapper ion-input, gd-dynamic-field .input-standard ion-item .item-inner .input-wrapper ion-input[disabled] {
  background: #f2f5fa;
  width: 100%;
  max-width: 100% !important;
  border: 2px solid #edf1f7;
}

gd-dynamic-field .input-standard ion-item .item-inner .input-wrapper ion-input input, gd-dynamic-field .input-standard ion-item .item-inner .input-wrapper ion-input[disabled] input {
  width: -webkit-fill-available;
  margin: 9px 14px !important;
  font-size: 14px !important;
}

gd-dynamic-field .input-standard ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-dynamic-field .input-standard ion-item .item-inner .input-wrapper ion-label {
  color: #AAAAAA !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-dynamic-field .input-standard ion-item .item-inner .input-wrapper ion-select {
  background: #f2f5fa;
  border: 2px solid #edf1f7;
  min-width: 100%;
  font-size: 14px !important;
  padding: 9px 14px !important;
}

gd-dynamic-field .input-standard ion-item .item-inner .input-wrapper ion-select input {
  width: -webkit-fill-available;
  margin: 9px 14px !important;
  font-size: 14px !important;
}

gd-dynamic-form {
  display: block;
}

gd-dynamic-form .item-inner {
  padding-top: 10px;
  padding-bottom: 10px;
  border: none !important;
}

gd-dynamic-form .sf-component-title {
  color: #189dae;
}

gd-dynamic-form .text-input {
  color: #808080;
}

gd-dynamic-form .text-input[disabled] {
  opacity: 1 !important;
  color: #808080;
}

gd-dynamic-form .icon-button {
  height: -webkit-max-content !important;
  height: -moz-max-content !important;
  height: max-content !important;
  float: right;
  margin-top: -27.5px;
}

gd-dynamic-form .select-wrapper .icon-button {
  padding: 0 6px;
}

gd-dynamic-form ion-label.custom {
  color: #aaaaaa !important;
  margin-bottom: 12px !important;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-dynamic-form ion-input.input-standard {
  background: #f2f5fa;
  border: 2px solid #edf1f7;
}

gd-dynamic-form ion-input.input-standard input {
  width: -webkit-fill-available;
  margin: 9px 14px !important;
  font-size: 14px !important;
}

gd-dynamic-form ion-select.input-standard {
  padding-left: 10px !important;
  font-size: 15px !important;
  background: #f2f5fa;
  border: 2px solid #edf1f7;
}

gd-dynamic-form ion-select.input-standard input {
  width: -webkit-fill-available;
  margin: 9px 14px !important;
  font-size: 14px !important;
}

gd-dynamic-form ion-select.input-standard ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-dynamic-form ion-select.input-standard ion-item .item-inner .input-wrapper ion-label {
  color: #aaaaaa !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-dynamic-form ion-select.input-standard ion-item .item-inner .input-wrapper ion-input {
  background: #f2f5fa;
  border: 2px solid #edf1f7;
}

gd-dynamic-form ion-select.input-standard ion-item .item-inner .input-wrapper ion-input input {
  width: -webkit-fill-available;
  margin: 9px 14px !important;
  font-size: 14px !important;
}

gd-dynamic-form ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-dynamic-form ion-item .item-inner .input-wrapper ion-label {
  color: #aaaaaa !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-dynamic-form .input-standard ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-dynamic-form .input-standard ion-item .item-inner .input-wrapper ion-label {
  color: #aaaaaa !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-dynamic-form .input-standard ion-item .item-inner .input-wrapper ion-input {
  background: #f2f5fa;
  border: 2px solid #edf1f7;
}

gd-dynamic-form .input-standard ion-item .item-inner .input-wrapper ion-input input {
  width: -webkit-fill-available;
  margin: 9px 14px !important;
  font-size: 14px !important;
}

gd-dynamic-form .input-standard ion-item .item-inner .input-wrapper ion-select {
  padding-left: 10px !important;
  font-size: 15px !important;
  background: #f2f5fa;
  border: 2px solid #edf1f7;
}

gd-dynamic-form .input-standard ion-item .item-inner .input-wrapper ion-select input {
  width: -webkit-fill-available;
  margin: 9px 14px !important;
  font-size: 14px !important;
}

@-webkit-keyframes jarum_utama {
  0% {
    -webkit-transform: translate(-50%, 0) rotate(-90deg);
    transform: translate(-50%, 0) rotate(-90deg);
  }
}

@keyframes jarum_utama {
  0% {
    -webkit-transform: translate(-50%, 0) rotate(-90deg);
    transform: translate(-50%, 0) rotate(-90deg);
  }
}

@-webkit-keyframes jarum_predictive {
  0% {
    -webkit-transform: translate(-50%, 0) rotate(-90deg);
    transform: translate(-50%, 0) rotate(-90deg);
    opacity: 0;
  }
}

@keyframes jarum_predictive {
  0% {
    -webkit-transform: translate(-50%, 0) rotate(-90deg);
    transform: translate(-50%, 0) rotate(-90deg);
    opacity: 0;
  }
}

gd-gauge-bar .tengah {
  margin: 25px 0 50px 0;
  text-align: center;
}

gd-gauge-bar .tengah h3 {
  margin: 0px auto 40px auto;
}

gd-gauge-bar .tengah .progress {
  position: relative;
  text-align: -webkit-center;
}

gd-gauge-bar .tengah .progress .barOverflow {
  /* Wraps the rotating .bar */
  position: relative;
  width: 180px;
  height: 90px;
  /* Half circle (overflow) */
  margin-bottom: -14px;
  /* bring the numbers up */
  overflow: hidden;
  z-index: 1;
}

gd-gauge-bar .tengah .progress .barOverflow .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  /* full circle! */
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 20px solid rgba(204, 204, 204, 0);
  border-left: 20px solid #f1614e;
  border-top: 20px solid #f1614e;
  -webkit-transform: rotate(-99deg);
  transform: rotate(-99deg);
  z-index: 5;
}

gd-gauge-bar .tengah .progress .barOverflow .bar2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  /* full circle! */
  border-radius: 50%;
  border: 20px solid rgba(204, 204, 204, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 20px solid #f89174;
  -webkit-transform: rotate(-63deg);
  transform: rotate(-63deg);
  z-index: 4;
}

gd-gauge-bar .tengah .progress .barOverflow .bar3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  /* full circle! */
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 20px solid rgba(204, 204, 204, 0);
  border-left: 20px solid #ffc740;
  border-top: 20px solid #ffc740;
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg);
  z-index: 3;
}

gd-gauge-bar .tengah .progress .barOverflow .bar4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  /* full circle! */
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 20px solid rgba(204, 204, 204, 0);
  border-left: 20px solid #57d26c;
  border-top: 20px solid #57d26c;
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
  z-index: 2;
}

gd-gauge-bar .tengah .progress .barOverflow .bar5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  /* full circle! */
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 20px solid rgba(204, 204, 204, 0);
  border-left: 20px solid #2bb34d;
  border-top: 20px solid #2bb34d;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

gd-gauge-bar .tengah .progress .jarum {
  -webkit-animation-name: jarum_utama;
  animation-name: jarum_utama;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  position: absolute;
  width: 10px;
  height: 80px;
  border-radius: 200%;
  left: 50%;
  bottom: 0px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  margin: auto;
  -webkit-transform-origin: bottom;
  transform-origin: center bottom;
  background: #000000;
  z-index: 2;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
  -webkit-transform: translate(-50%, 0) rotate(56deg);
  transform: translate(-50%, 0) rotate(56deg);
}

gd-gauge-bar .tengah .progress .jarum-param {
  -webkit-animation-name: jarum_predictive;
  animation-name: jarum_predictive;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  position: absolute;
  width: 2px;
  height: 90px;
  border-radius: 200%;
  left: 50%;
  bottom: 0px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  margin: auto;
  -webkit-transform-origin: bottom;
  transform-origin: center bottom;
  background: #ffc740;
  z-index: 2;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
  -webkit-transform: translate(-50%, 0) rotate(90deg);
  transform: translate(-50%, 0) rotate(90deg);
  opacity: 1;
}

gd-gauge-bar .tengah .progress .jarum-param span {
  position: absolute;
  top: -32px;
  left: -20px;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  background: #feb10b;
  padding: 5px;
  color: white;
  font-weight: bold;
  border-radius: 20%;
  -webkit-transform: translate(0, 0) rotate(0deg);
  transform: translate(0, 0) rotate(0deg);
}

gd-gauge-bar .tengah .progress .parameter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: -30px;
  width: 100%;
  right: -10px;
  -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;
}

gd-gauge-bar .tengah .progress .parameter span {
  color: #787878 !important;
  font-weight: bold;
}

gd-gauge-bar .tengah .progress .parameter span.mid {
  margin: 0px 47px;
  background: #2bb24d;
  color: white !important;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px;
}

gd-iconbutton .margin-right-6 {
  margin-right: 6px;
}

gd-iconbutton .iconbutton-outer {
  border-radius: 10px;
  padding: 0 11px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

gd-iconbutton .iconbutton-outer > span {
  height: 18px;
}

gd-iconbutton .iconbutton-outer ion-icon {
  margin-right: 6px;
  -webkit-filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(163deg) brightness(110%) contrast(120%);
  filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(163deg) brightness(110%) contrast(120%);
}

gd-iconbutton .iconbutton-outer ion-icon::before {
  font-size: 14px;
  line-height: 2;
}

gd-iconbutton .iconbutton-outer .label-btn {
  text-transform: capitalize;
  font-size: 14px;
}

gd-iconbutton .iconbutton-outer ion-icon.ion-md-sficon-plusadd::before {
  font-size: 10px;
  line-height: 2;
}

gd-iconbutton .iconbutton-outer img.icon-img {
  width: 17px;
}

gd-iconbutton .iconbutton-outer svg-icon {
  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;
}

gd-iconbutton .iconbutton-outer svg-icon svg {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

gd-image .text-center {
  margin: 0 auto;
}

gd-image-multiple .image {
  width: 50px;
  height: 50px;
}

gd-image-multiple .image-container {
  margin-top: 10px;
}

gd-image-multiple .image-container img {
  width: 80px;
  height: 80px;
  border-radius: 7px;
  margin-right: 18px;
}

gd-info-box .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

gd-info-box .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

gd-info-box .align-left {
  float: left;
}

gd-info-box .align-right {
  float: right;
}

gd-info-box .font-color {
  color: #F68A22;
}

gd-info-box p {
  margin-bottom: -10px !important;
}

gd-info-box .item-row-time .item-inner {
  border: none !important;
}

gd-input .gd-component-title {
  color: #F68A22;
}

gd-input .input-list {
  text-align: left;
}

gd-input ion-label.title-multiple {
  color: #AAAAAA !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-input .input-standard ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-input .input-standard ion-item .item-inner .icon-input {
  margin-top: 45px;
  margin-left: 5px;
}

gd-input .input-standard ion-item .item-inner .input-wrapper ion-label {
  color: #AAAAAA !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-input .input-standard ion-item .item-inner .input-wrapper ion-input {
  background: #f2f5fa;
  border: 2px solid #edf1f7;
}

gd-input .input-standard ion-item .item-inner .input-wrapper ion-input input {
  width: -webkit-fill-available;
  margin: 9px 14px !important;
  font-size: 14px !important;
}

gd-input .icon-input {
  margin-top: 45px;
  margin-left: 5px;
}

gd-input .chip {
  padding: 5px 10px;
  text-align: center;
  float: right;
  max-width: 150px;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
}

gd-input .close {
  font-size: 14px;
  float: right;
  margin-top: -3px;
  margin-left: 5px;
}

gd-input .input-list {
  padding: 6px 0px;
}

gd-input .padding-list .chip {
  margin: 2px 2px;
  float: left !important;
}

gd-input .chip.blue {
  border-color: #42aaff;
  color: #42aaff;
  background-color: #add7fa;
}

gd-input-multiple {
  /* Hide HTML5 Up and Down arrows. */
}

gd-input-multiple .gd-component-title {
  color: #F68A22;
}

gd-input-multiple ion-button {
  padding: 5px !important;
}

gd-input-multiple button.add-btn {
  border-radius: 7px;
  background: #63BEFB;
  border: none !important;
  color: #fff;
}

gd-input-multiple button.remove-btn {
  border-radius: 7px;
  border: none;
  color: #F0624D;
}

gd-input-multiple ion-item ion-text-area {
  color: #808080;
}

gd-input-multiple input[type="number"]::-webkit-outer-spin-button,
gd-input-multiple input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

gd-input-multiple input[type="number"] {
  -moz-appearance: textfield;
}

gd-input-multiple .img-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  background: #dedede;
}

gd-input-multiple .img-wrapper .img-logo,
gd-input-multiple .img-wrapper .img-icon {
  position: absolute;
  max-height: 90px;
  left: 50%;
  top: 25%;
  -webkit-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
}

gd-input-multiple .img-wrapper .img-icon {
  top: 38%;
  -webkit-transform: translate(-50%, -38%);
  transform: translate(-50%, -38%);
}

gd-input-multiple .img-wrapper ion-icon:before {
  font-size: 45px !important;
}

gd-input-multiple .img-wrapper .img-btn-logo,
gd-input-multiple .img-wrapper .img-btn-icon {
  position: absolute;
  left: 50%;
  margin: 0px;
  padding: 7px 12px;
  background: #F68A22;
  border-radius: 20px;
  color: #fff;
  top: 88%;
  -webkit-transform: translate(-50%, -88%);
  transform: translate(-50%, -88%);
}

gd-input-multiple .img-wrapper .img-btn-icon {
  top: 75%;
  -webkit-transform: translate(-50%, -75%);
  transform: translate(-50%, -75%);
}

gd-input-multiple .text-input::-webkit-input-placeholder {
  color: #cecece;
}

gd-input-multiple .text-input::-moz-placeholder {
  color: #cecece;
}

gd-input-multiple .text-input::-ms-input-placeholder {
  color: #cecece;
}

gd-input-multiple .text-input::placeholder {
  color: #cecece;
}

gd-input-multiple ion-label {
  color: #F68A22 !important;
}

gd-input-multiple ion-textarea,
gd-input-multiple ion-input {
  padding: 7px 0px;
  margin: 0px;
}

gd-label {
  display: block;
}

gd-label .gd-label {
  padding-top: 10px;
  padding-bottom: 10px;
}

gd-label .gd-label div {
  word-break: break-word;
}

gd-label-attachment .detected {
  pointer-events: none;
}

gd-label-attachment ion-row {
  padding: 0;
  margin: 0;
}

gd-label-attachment ion-row ion-col {
  padding: 0;
  margin: 0;
}

gd-label-attachment .primary-title {
  color: #F68A22;
}

gd-label-attachment .ann-info {
  border-radius: 5px;
}

gd-label-attachment .ann-info .ann-title {
  text-transform: capitalize;
  margin: 0px 0px 9px 0px;
  white-space: normal;
}

gd-label-attachment .ann-info .ann-mod {
  color: #aaaaaa;
  margin: 0px;
  white-space: normal;
}

gd-label-attachment .ann-info .attachment {
  margin: 0px 0px 9px 0px;
  color: #737373;
}

gd-label-attachment .ann-info .attachment span {
  color: #F68A22;
}

gd-label-attachment .ann-content {
  padding: 0px 0px 16px 0px;
}

gd-label-attachment .ann-content .description {
  line-height: 1.5;
  white-space: pre-line;
}

gd-label-attachment .img-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  background: #dedede;
}

gd-label-attachment .img-wrapper .img-header {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 180px;
}

gd-label-attachment .attachment {
  margin: 15px 0;
}

gd-label-attachment .attachment .img {
  text-align: center;
}

gd-label-attachment .attachment .img ion-icon {
  font-size: 55px !important;
}

gd-label-attachment .attachment .attach {
  width: 100%;
  margin-top: 5px;
}

gd-label-icon ion-icon {
  margin: 0;
}

gd-label-icon .iconbutton-outer {
  padding: 0 10px;
}

gd-label-icon .select-primary-color {
  color: #F68A22;
}

gd-label-icon .label-no-pad ion-label {
  margin-top: 0;
}

gd-labeledit .label-title {
  color: #222;
  font-size: 14px;
  margin-bottom: 2px;
  text-transform: capitalize;
  font-family: 'regular';
}

gd-labeledit .label-desc {
  color: #A5B0B7;
  font-size: 14px;
  white-space: normal;
  font-family: 'regular';
}

gd-list-button .button-item {
  width: 100%;
  border-bottom: 1px solid #c4c4c4;
}

gd-list-button .button-item .desc {
  overflow: hidden;
}

gd-list-button .button-item .icon {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

gd-list-button .button-item .desc h2,
gd-list-button .button-item .desc p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

gd-list-button ion-input {
  height: 27px;
  width: 30px;
  text-align: center;
  position: relative;
  top: 5px;
  background-color: #ebeff3;
}

gd-list-button ion-input .text-input-md {
  margin: auto;
  text-align: center;
  top: 5px;
  position: relative;
}

gd-multiplelist h2 {
  color: #000 !important;
}

gd-multiplelist .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
}

gd-multiplelist .detail-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

gd-multiplelist .detail-list-request ion-item .item-inner {
  border: none !important;
}

gd-next-datepicker .responsive-width {
  height: 100%;
}

gd-next-datepicker .card-header {
  margin: 0 10px;
  border-radius: 6.24px 6.24px 0 0;
  background-color: white;
  height: 65px;
}

gd-next-datepicker .card-header .date-frame {
  overflow: hidden;
}

gd-next-datepicker .card-header .date-frame .item-inner {
  padding-right: 0px !important;
}

gd-next-datepicker .card-header button {
  height: 100%;
  -webkit-transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
}

gd-next-datepicker .card-header button:disabled {
  opacity: 0;
}

gd-next-datepicker .card-header .prev-day {
  padding-left: 1.2em;
  padding-right: 2em;
}

gd-next-datepicker .card-header .next-day {
  padding-left: 2em;
  padding-right: 1.2em;
}

gd-next-datepicker .card-header .hidden-model {
  opacity: 0;
}

gd-progress-bar .progress-bar-area {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

gd-progress-bar span {
  font-size: 12px !important;
}

gd-progress-bar .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

gd-progress-bar .pf-yellow-color > div {
  background: #fcba03 !important;
  border: 2px solid #fcba03 !important;
}

gd-progress-bar .pf-red-color > div {
  background: #f82803 !important;
  border: 2px solid #f82803 !important;
}

gd-progress-bar .pf-green-color > div {
  background: #03f803 !important;
  border: 2px solid #03f803 !important;
}

gd-progress-bar .pf-text-yellow {
  color: #fcba03 !important;
}

gd-progress-bar .pf-text-red {
  color: #f82803 !important;
}

gd-progress-bar .pf-text-green {
  color: #03f803 !important;
}

gd-progress-bar .progress-bar > div {
  color: white;
  background: #F68A22;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 10px;
  border-radius: 10px;
  -webkit-animation: progress-bar 2s;
  animation: progress-bar 2s;
}

gd-progress-bar .align-right {
  color: #F68A22 !important;
  text-align: right;
}

gd-progress-bar .col-right {
  text-align: right;
  color: #F68A22 !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

@keyframes progress-bar {
  0% {
    width: 0;
  }
}

gd-progress-bar .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22 !important;
}

gd-progress-bar .date-range {
  float: left !important;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

gd-progress-bar .bottom-left-text {
  float: left !important;
}

gd-progress-bar .bottom-right-text {
  float: right !important;
}

@media only screen and (max-width: 330px) {
  gd-progress-bar .date-range {
    font-size: 0.7em;
  }
  gd-progress-bar .bottom-left-text {
    font-size: 0.7em;
  }
  gd-progress-bar .bottom-right-text {
    font-size: 0.7em;
  }
}

gd-qrcode .hide-header {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  opacity: 0;
}

gd-qrcode .header-md::after {
  background-image: none !important;
}

gd-qrcode ion-header {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 1;
}

gd-qrcode ion-header .toolbar-background {
  background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(255, 0, 0, 0)));
  background: linear-gradient(to bottom, black, rgba(255, 0, 0, 0));
}

gd-qrcode ion-header ion-label {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
}

gd-qrcode ion-header .name {
  font-size: 1.8rem;
}

gd-qrcode ion-header .date {
  font-size: 1.5rem;
}

gd-qrcode ion-header img {
  width: 24px;
  height: 24px;
}

gd-qrcode ion-header button.back-button {
  color: #f4f4f4;
}

gd-qrcode ion-header .hide-header {
  top: -56px !important;
}

gd-qrcode ion-header .close-btn {
  color: #fff;
  font-size: 1.8em !important;
}

gd-qrcode .content {
  height: 100%;
  pointer-events: none;
}

gd-qrcode .content .box-frame {
  background: #fff;
  width: 90%;
  max-width: 328px;
  height: auto;
  margin: 0 auto;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  border-radius: 10px;
  padding: 35px 30px;
  z-index: 3;
  pointer-events: auto;
  text-align: center;
}

gd-qrcode .content .box-frame h1 {
  margin-bottom: 15px;
  color: var(--color-primary);
}

gd-qrcode .content .box-frame .img-section {
  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;
  z-index: 0;
}

gd-qrcode .content .box-frame .img-section img {
  -o-object-fit: contain;
  object-fit: contain;
  margin: 0 auto;
}

gd-qrcode .content .box-frame .profile-section {
  text-align: center;
}

gd-qrcode .content .box-frame .profile-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #333333;
  margin: 20px 0 0px 0;
}

gd-qrcode .content .box-frame .profile-section p {
  margin: 2px 0 10px 0;
  font-size: 14px;
  color: #A5B0B7;
}

gd-qrcode .content .box-frame .profile-section span {
  font-size: 14px;
  color: #A5B0B7;
}

gd-qrcode .content .box-frame .footer-modal {
  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;
  margin-top: 20px;
}

gd-qrcode .content .box-frame .footer-modal button {
  border-radius: 10px;
  width: 100%;
  max-width: 168px;
}

gd-qrcode .content .box-frame .thumbnail-section {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 110px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  z-index: 1;
}

gd-qrcode .content .box-frame .thumbnail-section ion-slide img {
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

gd-qrcode .content .box-frame .hide-thumbnail {
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  opacity: 0;
}

gd-qrcode .close-background {
  background: transparent;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

gd-radio .radio-md.radio-disabled,
gd-radio .item-md.item-radio-disabled ion-label {
  opacity: 1 !important;
}

gd-radio ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-radio ion-item .item-inner .input-wrapper ion-label {
  color: #AAAAAA !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-radio .list-radio ion-item .item-inner {
  border: none !important;
}

gd-radio-custom .selected {
  background-color: lightgray;
  border-radius: 3px;
}

gd-radio-custom .container-radio {
  background-color: transparent;
}

gd-radio-custom .radio-label {
  width: 70px;
  height: 70px;
}

gd-radio-custom .radio-label ion-label {
  position: absolute;
  right: 5px;
  text-align: center;
  line-height: 70px;
}

/* Create two equal columns that floats next to each other */
.column {
  width: 50%;
  padding: 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

ion-range {
  margin-top: -40px;
}

:host {
  --knob-border-radius: 50%;
  --knob-background: #3880ff;
  --knob-box-shadow: none;
  --knob-size: 18px;
  --bar-height: 2px;
  --bar-background-active: #3880ff;
  --bar-border-radius: 0;
  --height: 42px;
  --pin-background: #3880ff;
  --pin-color: #fff;
  padding-left: 14px;
  padding-right: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 12px;
}

gd-receipt .row-date ion-col {
  font-size: 0.8em;
  padding: 0px;
}

gd-receipt .row-date p {
  padding: 14px 0px;
  margin: 0px;
}

gd-receipt .shift-date {
  margin: 0px;
  -webkit-text-fill-color: #F68A22;
}

gd-receipt .right-align {
  text-align: right;
}

gd-receipt .grand-total {
  margin: 0px;
  -webkit-text-fill-color: #F68A22;
  font-size: 1.3em;
}

gd-receipt .div-total {
  margin-top: 9px;
  border: 1px solid #ccc;
  border-radius: 5px;
  text-align: right;
}

gd-receipt .right-align2 {
  text-align: right;
  padding-right: 17px;
}

gd-report-preview .scroll-content {
  overflow-y: hidden !important;
}

gd-report-preview .div-title {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0.5em;
}

gd-report-preview .div-header {
  clear: both;
  height: 95%;
  width: 100%;
}

gd-report-preview .table-preview {
  display: block;
  overflow-x: auto;
  overflow-y: auto;
  width: 100%;
  height: calc(100vh - 100px);
  table-layout: fixed;
  border-collapse: collapse;
}

gd-report-preview .table-preview tr {
  width: 100%;
}

gd-report-preview .table-preview th {
  text-decoration: underline;
}

gd-report-preview .table-preview th, gd-report-preview .table-preview td {
  padding: 10px;
  text-align: left;
  min-width: 300px;
}

gd-report-preview .table-preview td:nth-child(1), gd-report-preview .table-preview th:nth-child(1) {
  min-width: 50px !important;
}

gd-report-preview .table-preview thead {
  background-color: #333;
  color: #FDFDFD;
  position: -webkit-sticky;
  position: sticky;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: 0;
  z-index: 3;
}

gd-report-preview .table-preview thead tr {
  display: table;
  overflow: auto;
  width: 100%;
  height: 100%;
}

gd-report-preview .table-preview tbody {
  display: block;
}

gd-report-preview .table-preview tbody tr:nth-child(even) {
  background-color: #DDD;
}

gd-report-preview .div-no-record {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 0.5em;
}

gd-report-preview ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

gd-report-preview ::-webkit-scrollbar {
  width: 9px !important;
  height: 10px !important;
  background-color: #F5F5F5;
}

gd-report-preview ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

gd-report-preview ::-webkit-scrollbar-thumb:hover {
  background-color: #9f9f9f !important;
  -webkit-transition: background-color 1s ease !important;
  transition: background-color 1s ease !important;
}

gd-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 8px 16px !important;
}

gd-search .input-standard {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  width: 100%;
}

@media screen and (max-width: 768px) {
  gd-search .input-standard {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

gd-search .input-standard ion-label {
  color: #aaaaaa !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-search .input-standard ion-searchbar {
  padding: 0;
  background: unset !important;
}

gd-search .input-standard ion-searchbar .searchbar-search-icon {
  top: 7.6px;
}

gd-search .input-standard ion-searchbar input {
  width: 100%;
  font-size: 14px !important;
  background: #f2f5fa !important;
  border: 2px solid #edf1f7;
  border-radius: 4px !important;
  padding: 7.6px 28px 7.6px 40px !important;
  line-height: 14px !important;
}

gd-segment .input-wrapper > ion-label {
  color: #aaaaaa !important;
  margin: 0;
  font-size: 12px !important;
}

gd-segment ion-segment {
  width: 100%;
  overflow-x: auto;
}

gd-segment ion-segment-button {
  text-transform: uppercase !important;
  padding: 0 8px !important;
  margin: 0 !important;
  font-size: 12px !important;
  overflow: auto !important;
  width: unset !important;
}

gd-segment ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #222 !important;
  border: none !important;
}

gd-segment ion-segment-button.segment-button.segment-activated .border-active-segment {
  background: #F68A22 !important;
  height: 2px;
  width: 100%;
  z-index: 5;
}

gd-segment .item-md.item-block .item-inner,
gd-segment .item-ios.item-block .item-inner {
  padding-right: 0;
  border: none;
}

gd-segment .segment-widget {
  background-color: #F68A22;
}

gd-segment ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

gd-segment .spinner-wrapper-dynamic-segment {
  text-align: center !important;
  height: 100%;
  z-index: 99999;
  width: 100%;
  padding-top: 1em;
}

sf-segment > ion-item > div.item-inner:first-child {
  border-bottom: 0 !important;
}

.info-circle {
  float: right;
  height: 8px;
  width: 8px;
  margin-top: 10px;
  margin-left: 5px;
  z-index: 1000;
  background: #AAA;
  border-radius: 100%;
}

gd-select .select-disabled, gd-select .item-select-disabled ion-label {
  opacity: 1 !important;
}

gd-select .input-standard ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-select .input-standard ion-item .item-inner .input-wrapper ion-label {
  color: #AAAAAA !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-select .input-standard ion-item .item-inner .input-wrapper ion-select {
  padding-left: 10px;
  background: #f2f5fa;
  border: 2px solid #edf1f7;
}

gd-select .input-standard ion-item .item-inner .input-wrapper ion-select input {
  width: -webkit-fill-available;
  margin: 9px 14px !important;
  font-size: 14px !important;
}

gd-select2 .cursor-pointer {
  cursor: pointer;
}

gd-select2 .cursor-pointer input:hover {
  cursor: pointer;
}

gd-select2 .item-inner {
  padding-top: 10px;
  padding-bottom: 10px;
}

gd-select2 .sf-component-title {
  color: #F68A22;
}

gd-select2 .text-input {
  color: #808080;
}

gd-select2 .text-input[disabled] {
  opacity: 1 !important;
  color: #808080;
}

gd-select2 .icon-button {
  height: -webkit-max-content !important;
  height: -moz-max-content !important;
  height: max-content !important;
}

gd-select2 .select-wrapper .icon-button {
  padding: 0 6px;
}

gd-select2 .input-standard ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-select2 .input-standard ion-item .item-inner .input-wrapper ion-label {
  color: #aaaaaa !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-select2 .input-standard ion-item .item-inner .input-wrapper ion-input {
  background: #f2f5fa;
  border: 2px solid #edf1f7;
}

gd-select2 .input-standard ion-item .item-inner .input-wrapper ion-input input {
  width: -webkit-fill-available;
  margin: 9px 14px !important;
  font-size: 14px !important;
}

gd-select2 .hilang {
  display: none;
}

gd-select2-multiple .title {
  color: #FBAC5E !important;
  margin: 15px 0 0 0 !important;
}

gd-select2-multiple .add img {
  margin-right: 0 !important;
  padding: 3px;
  border: 1.5px solid transparent;
  border-radius: 200px;
  width: 47px !important;
  height: 47px !important;
  margin: 8px 12px 0px 0px !important;
  cursor: pointer;
}

gd-select2-multiple .avatar {
  padding-left: 3px;
  position: relative;
}

gd-select2-multiple .avatar .title-avatar {
  font-size: 11px;
  color: #A5B0B7;
  font-family: medium;
  font-weight: unset;
  text-align: center;
  margin-top: 5px;
  height: 25px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

gd-select2-multiple .avatar .close-icon {
  position: absolute;
  top: 11px;
  right: 9px;
  font-size: 10px;
  font-weight: bold;
  border: 1px solid #ccc;
  border-radius: 50%;
  height: 10px;
  width: 10px;
  padding-left: 1px;
  color: #aaa;
}

gd-separator .separator-style {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-bottom: 10px !important;
  padding-bottom: 20px !important;
  padding-top: 20px !important;
  font-weight: 500;
  font-size: 16px;
  color: #F68A22;
}

gd-social-sharing .primary-title {
  color: #F68A22;
}

gd-social-sharing-native .primary-title {
  color: #F68A22;
}

gd-submit .button-rounded-none {
  /* note: .button-rounded-none is deprecated.
     * least level of button emphasis is outlined
     * see UI Guideline 2020 (200826) */
  border-radius: 3px !important;
  color: #F68A22 !important;
  border: 1px solid #F68A22;
}

gd-submit .button-outline-brand-400 {
  background: none !important;
  color: #F68A22 !important;
  border: 1px solid #F68A22;
}

gd-submit .button-brand-400 {
  background: #F68A22 !important;
  color: #fff !important;
  border: none !important;
}

gd-submit .button-standard.button-rounded-none.button-brand-400 {
  background: #F68A22 !important;
  color: #fff !important;
  border-radius: 3px !important;
  border: none !important;
}

gd-submit .button-standard.button-rounded-none.button-outline-brand-400 {
  background: none !important;
  color: #F68A22 !important;
  border: 1px solid #F68A22;
  border-radius: 3px !important;
}

gd-submit .padding-left-large {
  padding-left: 20px;
}

gd-submit .padding-right-large {
  padding-right: 20px;
}

gd-submit .full-width {
  width: 100%;
}

gd-tab-stepper .button-stepper {
  z-index: 100;
  position: absolute;
  bottom: 0px;
  width: 100%;
  text-align: right;
}

.showing-data {
  text-align: left;
  margin-bottom: 10px;
  padding: 0px 15px;
  font-weight: 500;
  color: #192528;
}

gd-textarea .add-margin {
  margin-bottom: 50px;
}

gd-textarea ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-textarea .def {
  background-color: #fbac5e;
  text-align: center;
  line-height: 3.7;
  border-radius: 50%;
}

gd-textarea .def .alfa-icon {
  color: #fff;
  line-height: 50px;
  font-size: 25px;
}

gd-textarea .border-full {
  overflow: hidden;
}

gd-textarea .border-full ion-textarea {
  border: none;
}

gd-textarea .input-standard ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-textarea .input-standard ion-item .item-inner .input-wrapper ion-label {
  color: #aaaaaa !important;
  margin-bottom: 8px;
  font-size: 13px !important;
  font-weight: 600 !important;
}

gd-textarea .input-standard ion-item .item-inner .input-wrapper ion-textarea {
  background: #f2f5fa;
  border: 2px solid #edf1f7;
}

gd-textarea .input-standard ion-item .item-inner .input-wrapper ion-textarea textarea {
  width: -webkit-fill-available;
  margin-left: 8px !important;
}

gd-textarea .gdx-editor {
  width: 100%;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin: 8px 0;
}

gd-textarea .gdx-editor .ck-editor__editable_inline {
  min-height: 100px;
}

gd-textarea .label-default {
  white-space: normal;
}

gd-toggle {
  display: block;
  margin-bottom: -10px;
}

gd-toggle ion-list {
  margin: 0px;
}

gd-toggle ion-item .item-inner {
  padding: 0 !important;
  border: none !important;
}

gd-toggle ion-item .item-inner .input-wrapper ion-label {
  color: #AAAAAA !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

gd-upload .sf-component-title {
  color: #F68A22;
}

gd-upload .label-file {
  color: #F68A22;
}

gd-upload ion-label {
  color: #F68A22 !important;
}

gd-upload ion-textarea, gd-upload ion-input {
  padding: 7px 0px;
  margin: 0px;
}

gd-upload .btn-file {
  padding: 8px 15px;
  background-color: #F68A22;
  border-radius: 3px;
  color: #fff;
  margin-right: 8px;
  height: 25px;
  width: 100px;
  display: inline-table;
}

gd-upload .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

gd-upload .btn-file span {
  display: block;
  color: #777;
}

gd-upload .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

gd-upload .custom-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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

gd-upload button.attc-btn {
  color: #A5B0B7;
  background: none;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 18px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

gd-upload button.attc-btn span {
  line-height: 0;
}

gd-upload button.attc-btn span img {
  width: 20px;
  margin-right: 5px;
}

gd-upload button.remove-btn {
  border-radius: 10px;
  padding: 0px 10px;
  color: #F0624D;
  background: none;
  border: none;
}

gd-upload button.remove-btn span {
  line-height: 0;
}

gd-upload .gdflex {
  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-right: 0;
}

gd-upload ion-item.change .item-inner {
  border-bottom: none !important;
  text-align: right;
}

gd-upload ion-item[no-border] .item-inner {
  border: none !important;
}

gd-upload button.change-btn {
  color: #F68A22;
  background: none;
  border: none;
  border-radius: 10px;
  padding: 0px 10px;
  height: auto;
}

gd-upload button.change-btn span {
  line-height: 0;
}

gd-upload button.change-btn img {
  width: 20px;
}

gd-upload-multiple .sf-component-title {
  color: #F68A22;
}

gd-upload-multiple .label-file {
  color: #F68A22;
}

gd-upload-multiple ion-label {
  color: #F68A22 !important;
}

gd-upload-multiple ion-textarea, gd-upload-multiple ion-input {
  padding: 7px 0px;
  margin: 0px;
}

gd-upload-multiple .btn-file {
  padding: 8px 15px;
  background-color: #F68A22;
  border-radius: 3px;
  color: #fff;
  margin-right: 8px;
  height: 25px;
  width: 100px;
  display: inline-table;
}

gd-upload-multiple .btn-file input[type=file] {
  position: absolute;
  top: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  font-size: 100px;
  text-align: right;
  filter: alpha(opacity=0);
  opacity: 0;
  outline: none;
  background: white;
  cursor: inherit;
  display: block;
}

gd-upload-multiple .btn-file span {
  display: block;
  color: #777;
}

gd-upload-multiple .text-alipsiis {
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

gd-upload-multiple .custom-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;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

gd-upload-multiple button.attc-btn {
  color: #A5B0B7;
  background: none;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 18px !important;
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

gd-upload-multiple button.attc-btn span {
  line-height: 0;
}

gd-upload-multiple button.attc-btn span img {
  width: 20px;
  margin-right: 5px;
}

gd-upload-multiple button.remove-btn {
  border-radius: 10px;
  padding: 0px 10px;
  color: #F0624D;
  background: none;
  border: none;
}

gd-upload-multiple button.remove-btn span {
  line-height: 0;
}

gd-upload-multiple .gdflex {
  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-right: 0;
}

gd-upload-multiple ion-item.change .item-inner {
  border-bottom: none !important;
  text-align: right;
}

gd-upload-multiple ion-item[no-border] .item-inner {
  border: none !important;
}

gd-upload-multiple button.change-btn {
  color: #F68A22;
  background: none;
  border: none;
  border-radius: 10px;
  padding: 0px 10px;
  height: auto;
}

gd-upload-multiple button.change-btn span {
  line-height: 0;
}

gd-upload-multiple button.change-btn img {
  width: 20px;
}

gd-upload2 .chip-md {
  width: 100% !important;
}

@media screen and (max-width: 600px) {
  gd-upload2 .chip-md {
    width: 100% !important;
  }
  gd-upload2 .chip-ios {
    width: 100% !important;
  }
  gd-upload2 ion-chip {
    height: 100% !important;
  }
}

gd-upload2 .sub-icon {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}

gd-upload2 .def {
  background-color: #fbac5e;
  text-align: center;
  line-height: 3.7;
  border-radius: 50%;
}

gd-upload2 .def .alfa-icon {
  color: #fff;
  line-height: 50px;
  font-size: 25px;
}

gd-upload2 .img-preview {
  position: relative;
  display: inline-block;
}

gd-upload2 .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

gd-upload2 .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

.attachment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 28px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  place-items: center;
}

.attachment .thumbnail {
  position: relative;
}

.attachment .thumbnail .icon-close {
  position: absolute;
  top: -10px;
  right: -14px;
}

.attachment ion-label {
  text-overflow: ellipsis;
  white-space: normal;
  /* Needed to make it work */
  overflow: hidden;
  white-space: nowrap;
}

gd-upload2-multiple .chip-md {
  width: 100% !important;
}

@media screen and (max-width: 600px) {
  gd-upload2-multiple .chip-md {
    width: 100% !important;
  }
  gd-upload2-multiple .chip-ios {
    width: 100% !important;
  }
  gd-upload2-multiple ion-chip {
    height: 100% !important;
  }
}

gd-upload2-multiple .sub-icon {
  zoom: 2;
}

gd-upload2-multiple .def {
  background-color: #fbac5e;
  text-align: center;
  line-height: 3.7;
  border-radius: 50%;
}

gd-upload2-multiple .def .alfa-icon {
  color: #fff;
  line-height: 50px;
  font-size: 25px;
}

gd-upload2-multiple .close {
  text-align: right;
}

gd-upload2-multiple .close .close-icon {
  background: #fbac5e;
  border-radius: 50%;
  color: #fff;
  font-size: 25px;
  margin-right: 10px;
  width: 25px;
  height: 25px;
  padding-right: 5px;
}

gd-upload2-multiple .result {
  border-bottom: 1px solid #eee;
  padding: 5px;
}

gd-upload2-multiple .allowed-label {
  font-size: 12px !important;
  color: #aaa !important;
}

gd-view-attachment .def {
  background-color: #fbac5e;
  text-align: center;
  line-height: 3.7;
  border-radius: 50%;
}

gd-view-attachment .def .alfa-icon {
  color: #fff;
  line-height: 50px;
  font-size: 25px;
}

init-page-builder .reload-body {
  text-align: center !important;
  margin-top: 100px;
}

init-page-builder .reload-body .label-reload {
  margin-bottom: 20px !important;
  color: #2e2e2e !important;
}

init-page-builder .reload-body button {
  background-color: #F68A22;
  display: inline-block;
  list-style: none;
  color: #fff;
  text-transform: capitalize;
  padding: 1em 1.5em;
  font-size: 12px;
  margin: 0.5em 0.2em;
  min-width: 80px;
  border-radius: 6px !important;
  max-width: 150px;
  font-size: 12px;
  width: auto;
  color: #FFF !important;
}

init-page-builder .reload-body button:hover {
  background-color: #08b2be !important;
  color: #FFF !important;
}

@media screen and (max-width: 768px) {
  init-page-builder ion-content .scroll-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

init-page-builder .content-md {
  color: #FFF !important;
}

init-page-builder ion-content {
  background-color: #eee !important;
  padding: 0px !important;
}

init-page-builder ion-content .container {
  min-height: 100%;
}

init-page-builder ion-content .container .contents {
  overflow-y: scroll;
  padding: 20px !important;
  border-radius: 20px 20px 20px 20px !important;
  width: 100%;
  background-color: #fff;
  padding-top: 10px !important;
}

init-page-builder ion-content .container .contents .indicator {
  opacity: 0;
}

init-page-builder ion-content .container .contents .content-left-parent {
  position: relative;
}

init-page-builder ion-content .container .contents .content-left-parent .profil-box {
  padding-top: 6px;
}

init-page-builder ion-content .container .contents .content-left-parent .indicator {
  position: absolute;
  top: 100px;
  bottom: 164px;
  left: 0;
  background-color: red;
  width: 5px;
  height: 62px;
}

form-edit-dynamic-page ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

form-edit-dynamic-page .scroll-content {
  padding-bottom: 0 !important;
}

form-input-dynamic-page ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

form-input-dynamic-page .scroll-content {
  padding-bottom: 0 !important;
}

form-input-dynamic-page ion-footer {
  margin-bottom: 0px !important;
}

list-dynamic-page ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

list-dynamic-page .repeat-content {
  display: block;
  border-bottom: 1px solid #cccccc;
}

list-dynamic-page .searchbar-md {
  background: #F68A22;
  position: absolute;
  left: 0;
  padding: 8px;
  top: 0;
}

list-dynamic-page .scroll-content {
  padding-bottom: 0 !important;
}

view-dynamic-page ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

view-dynamic-page .scroll-content {
  padding-bottom: 0 !important;
}

multi-dynamic-page .flex {
  width: 100%;
}

multi-dynamic-page gdx-header ion-header .toolbar-content {
  position: unset !important;
  padding: 0 16px !important;
}

multi-dynamic-page gdx-header ion-header .toolbar-content ::ng-deep .toolbar-ios ion-title {
  position: unset !important;
}

multi-dynamic-page ion-buttons {
  background: white !important;
}

multi-dynamic-page .tittle-box {
  height: 35px;
  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;
}

multi-dynamic-page .tittle-box .tittle-name {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

multi-dynamic-page .title-photo {
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 13px;
  min-width: 35px;
}

multi-dynamic-page .title-photo img {
  width: 35px;
  height: 35px;
  border-radius: 200px;
}

multi-dynamic-page .reload-body {
  text-align: center !important;
  margin-top: 100px;
}

multi-dynamic-page .reload-body .label-reload {
  margin-bottom: 20px !important;
  color: #2e2e2e !important;
}

multi-dynamic-page .reload-body button {
  background-color: #F68A22;
  display: inline-block;
  list-style: none;
  color: #fff;
  text-transform: capitalize;
  padding: 1em 1.5em;
  font-size: 12px;
  margin: 0.5em 0.2em;
  min-width: 80px;
  border-radius: 6px !important;
  max-width: 150px;
  font-size: 12px;
  width: auto;
  color: #fff !important;
}

multi-dynamic-page .reload-body button:hover {
  background-color: #08b2be !important;
  color: #fff !important;
}

multi-dynamic-page ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

multi-dynamic-page dynamic-footer-handler .btn-footer-action-page-gd gd-submit:nth-child(2) li {
  color: #F0624D;
  background: none;
  border: 1px solid #F0624D;
}

multi-dynamic-page .repeat-content {
  display: block;
}

multi-dynamic-page button.back ion-icon {
  margin-right: 5px;
}

multi-dynamic-page .searchbar-md {
  left: 0;
  padding: 8px 0px;
  top: 0;
}

multi-dynamic-page ion-content .scroll-content {
  padding-bottom: 0 !important;
}

multi-dynamic-page ion-content .cursor-active-desktop {
  overflow-y: scroll !important;
  height: 60vh;
  padding-right: 20px;
}

multi-dynamic-page ion-content .container {
  min-height: 100%;
}

multi-dynamic-page ion-content .container .content-left.cursor-active .indicator {
  opacity: 0;
}

multi-dynamic-page ion-content .container .content-left {
  overflow: hidden;
  border: none;
  width: 100%;
  padding-top: 10px !important;
}

multi-dynamic-page ion-content .container .content-left .content-left-parent {
  position: relative;
}

multi-dynamic-page ion-content .container .content-left .content-left-parent .profil-box {
  padding-top: 6px;
}

multi-dynamic-page ion-content .container .content-left .content-left-parent .indicator {
  position: absolute;
  top: 100px;
  bottom: 164px;
  left: 0;
  background-color: red;
  width: 5px;
  height: 62px;
}

multi-dynamic-page ion-content .container .content-right .content-right-parent .profil-box gd-image div {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

multi-dynamic-page ion-content .container .content-right .content-right-parent .profil-box gd-image div img {
  height: 100px;
  -o-object-fit: contain !important;
  object-fit: contain !important;
}

multi-dynamic-page ion-content ion-infinite-scroll {
  background: #fff;
  width: auto;
  -webkit-box-shadow: 0px 15px 20px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 15px 20px 2px rgba(0, 0, 0, 0.1);
}

multi-dynamic-page .border-right {
  border-right: 1px solid rgba(223, 223, 229, 0.6) !important;
}

@media screen and (max-width: 768px) {
  multi-dynamic-page ion-content .scroll-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  multi-dynamic-page ion-content .scroll-content .content-left {
    max-width: unset !important;
    padding: 0 !important;
  }
  multi-dynamic-page ion-content .scroll-content .content-left .indicator {
    opacity: 0;
  }
  multi-dynamic-page ion-content .scroll-content .content-left gd-datalist .wrapper-multi .useSideLabel button.hide-mobile {
    border: none;
  }
  multi-dynamic-page ion-content .scroll-content .content-left gd-datalist .wrapper-multi .useSideLabel button.hide-mobile img.icon-img {
    width: 22px;
  }
  multi-dynamic-page ion-content .scroll-content .content-left gd-datalist .wrapper-multi .useSideLabel button.hide-mobile ion-label {
    display: none;
  }
  multi-dynamic-page ion-content .scroll-content .content-right {
    display: none;
  }
  multi-dynamic-page ion-content .scroll-content .content-list .menu {
    width: 100%;
  }
  multi-dynamic-page ion-content .scroll-content .content-list .menu .wrapper-row .subwrapper {
    width: 100%;
  }
}

@media screen and (min-width: 769px) {
  multi-dynamic-page header-desktop-page-builder {
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #dbdbe1;
    padding-bottom: 15px;
  }
  multi-dynamic-page header-desktop-page-builder .li.parent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start !important;
    -webkit-justify-content: flex-start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  multi-dynamic-page .content-left {
    width: unset;
    padding-right: 0;
    border-right: 1px solid #dbdbe1;
  }
  multi-dynamic-page .content-left .wrapper-row {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-left: 4px solid transparent;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    border-right: 1px solid transparent;
    position: relative;
    right: -1px;
  }
  multi-dynamic-page .content-left .wrapper-row .icon-right {
    display: none;
  }
  multi-dynamic-page .content-right {
    border-radius: 0px 20px 20px 0px;
  }
  multi-dynamic-page .content-right .content-right-parent {
    padding-bottom: 16px;
  }
  multi-dynamic-page .active .wrapper-row {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    border-left: 4px solid #F68A22 !important;
    border-top: 1px solid #dbdbe1 !important;
    border-bottom: 1px solid #dbdbe1 !important;
    border-right: 1px solid white !important;
  }
  multi-dynamic-page .active .wrapper-row .caption h2 {
    color: #222 !important;
  }
  multi-dynamic-page .active .wrapper-row .icon-left ion-icon {
    color: #F68A22 !important;
  }
  multi-dynamic-page .active .wrapper-row .icon-left img {
    -webkit-filter: invert(77%) sepia(99%) saturate(2976%) hue-rotate(314deg) brightness(102%) contrast(99%);
    filter: invert(77%) sepia(99%) saturate(2976%) hue-rotate(314deg) brightness(102%) contrast(99%);
  }
}

@media screen and (min-width: 1280px) {
  multi-dynamic-page .content-left {
    overflow: hidden;
    border: none;
    padding: 0;
  }
  multi-dynamic-page ion-infinite-scroll {
    margin: 0 64px;
  }
}

@media screen and (max-width: 378px) {
  multi-dynamic-page header-mobile-page-builder gd-iconbutton .button-ios,
  multi-dynamic-page header-desktop-page-builder gd-iconbutton .button-ios {
    height: 1.8em;
  }
  multi-dynamic-page gd-datalist .menu {
    width: 50%;
  }
  multi-dynamic-page gd-datalist .menu .wrapper-row {
    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;
  }
}

.text-line-through {
  text-decoration: line-through !important;
}

.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.centering {
  display: contents;
  -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;
}

.box-action {
  height: 100%;
  width: 100%;
  max-height: 120px;
  max-width: 120px;
}

.disable-min-width {
  min-width: 0px !important;
}

.margin-all-5 {
  margin: 5px;
}

.margin-all-10 {
  margin: 10px;
}

.margin-all-extrasmall {
  margin: 2.5px;
}

.margin-top-extrasmall {
  margin-top: 2.5px;
}

.margin-top-small {
  margin-top: 5px;
}

.margin-top-medium {
  margin-top: 10px;
}

.margin-top-large {
  margin-top: 20px;
}

.margin-top-35 {
  margin-top: 35px;
}

.margin-right-small {
  margin-right: 5px;
}

.margin-right-medium {
  margin-right: 10px;
}

.margin-right-large {
  margin-right: 20px;
}

.margin-right-extralarge {
  margin-right: 30px;
}

.margin-left-small {
  margin-left: 5px;
}

.margin-left-medium {
  margin-left: 10px !important;
}

.margin-left-extra-medium {
  margin-left: 15px !important;
}

.margin-left-large {
  margin-left: 20px !important;
}

.margin-left-large-22 {
  margin-left: 22px !important;
}

.margin-left-large-40 {
  margin-left: 40px !important;
}

.margin-bottom-extrasmall {
  margin-bottom: 2.5px;
}

.margin-bottom-small {
  margin-bottom: 5px;
}

.margin-bottom-medium {
  margin-bottom: 10px;
}

.margin-bottom-large {
  margin-bottom: 20px;
}

.margin-bottom-medium {
  margin-bottom: 10px;
}

.margin-bottom-min-medium {
  margin-bottom: -10px;
}

.margin-bottom-min-11 {
  margin-bottom: -11px;
}

.margin-top-min-45 {
  margin-top: -45px;
}

.margin-top-min-small {
  margin-top: -5px;
}

.margin-top-min-medium {
  margin-top: -10px;
}

.margin-top-min-large {
  margin-top: -20px;
}

.margin-bottom-min-small {
  margin-bottom: -5px;
}

.margin-bottom-min-medium {
  margin-bottom: -10px;
}

.margin-bottom-min-large {
  margin-bottom: -20px;
}

.margin-right-min-medium {
  margin-right: -10px;
}

.margin-right-min-large {
  margin-right: -20px;
}

.margin-right-min-50 {
  margin-right: -50px !important;
}

.margin-right-min-75 {
  margin-right: -75px !important;
}

.margin-right-min-100 {
  margin-right: -100px !important;
}

.margin-left-min-10 {
  margin-left: -10px !important;
}

.margin-left-min-15 {
  margin-left: -15px !important;
}

.no-margin {
  margin: 0;
}

.text-center {
  text-align: center;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-bold {
  font-weight: 600 !important;
}

.text-bold > p {
  font-weight: 600 !important;
}

.text-extrasmall {
  font-size: 10px;
}

.text-size-11 {
  font-size: 11px !important;
}

.text-small {
  font-size: 12px;
}

.text-medium {
  font-size: 14px;
}

.text-large {
  font-size: 16px !important;
}

.text-extralarge {
  font-size: 18px !important;
}

.text-7pt {
  font-size: 7pt !important;
}

.text-heading6 {
  font-size: 24px;
}

.text-heading5 {
  font-size: 32px;
}

.text-heading4 {
  font-size: 36px;
}

.text-heading3 {
  font-size: 42px;
}

.text-heading2 {
  font-size: 46px;
}

.text-heading1 {
  font-size: 60px;
}

.text-bold {
  font-weight: 600;
}

.text-spacing-large {
  line-height: 20px;
}

.text-spacing-normal {
  line-height: 16px !important;
}

.padding-all-small-2 {
  padding: 2px;
}

.padding-all-small-5 {
  padding: 5px;
}

.padding-all-small {
  padding: 10px;
}

.padding-all-medium {
  padding: 20px;
}

.padding-top-extrasmall {
  padding-top: 5px;
}

.padding-top-small {
  padding-top: 10px !important;
}

.padding-top-medium {
  padding-top: 20px;
}

.padding-top-large {
  padding-top: 30px;
}

.no-padding-bottom {
  padding-bottom: 0px;
}

.padding-bottom-extra-small {
  padding-bottom: 5px;
}

.padding-bottom-small {
  padding-bottom: 10px;
}

.padding-bottom-medium {
  padding-bottom: 20px;
}

.padding-medium {
  padding: 20px;
}

.padding-large {
  padding: 30px;
}

.padding-small {
  padding: 10px;
}

.padding-smallest {
  padding: 5px;
}

.padding-extra-small {
  padding: 2.5px;
}

.padding-15-p {
  padding: 15px !important;
}

.padding-repeat .padding-vertical-medium {
  padding: 15px 0px 0px 0px;
}

.padding-repeat-standard .padding-vertical-medium {
  padding: 15px 0px 15px 0px;
}

.padding-none-content .padding-vertical-medium {
  padding: 0px 0px 0px 0px;
}

.padding-none-content .gd-label {
  padding-top: 0px;
  padding-bottom: 10px;
}

.padding-vertical-extra-small {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-vertical-small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-horizontal-small {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-horizontal-extra-small {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-vertical-medium {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-vertical-large {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-horizontal-medium {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-horizontal-large {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-layout-medium {
  padding: 10px 20px;
}

.padding-left-extralarge {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-bottom-medium {
  padding-bottom: 10px;
}

.padding-bottom-large {
  padding-bottom: 20px;
}

.padding-left-small {
  padding-left: 5px;
}

.padding-left-medium {
  padding-left: 10px;
}

.padding-left-extra-medium {
  padding-left: 15px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-left-large {
  padding-left: 20px;
}

.padding-right-medium {
  padding-right: 10px;
}

.padding-right-large {
  padding-right: 20px;
}

.padding-right-30 {
  padding-right: 30px;
}

.border-none {
  border: 0 !important;
}

.border-none .item-inner {
  border: 0px !important;
}

.border-none .border-multi {
  border: 0 !important;
}

.border-right {
  border-right: 1px solid rgba(223, 223, 229, 0.6);
}

.border-top {
  border-top: 1px solid rgba(223, 223, 229, 0.6);
}

.border-bottom {
  border-bottom: 1px solid rgba(223, 223, 229, 0.6);
}

.border-left {
  border-left: 1px solid rgba(223, 223, 229, 0.6);
}

.border-full {
  border: 1px solid rgba(223, 223, 229, 0.6);
}

.border-black {
  border-color: #000;
}

.circle-standard ion-icon {
  font-size: 34px;
  background: #aaa;
  border-radius: 100%;
  padding: 10px;
}

.height-full-layer {
  min-height: 100vh;
}

.circle-standard {
  width: 34px !important;
  min-width: 34px;
  height: 34px !important;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.circle-standard img {
  width: 34px !important;
  height: 34px !important;
  border-radius: 100%;
}

.svg-standard {
  width: 34px !important;
  height: 34px !important;
}

.svg-medium {
  width: 42px !important;
  height: 42px !important;
}

.svg-empty-state {
  width: 160px !important;
  height: 160px !important;
}

.circle-medium {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.circle-medium img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.circle-medium ion-icon {
  min-width: 42px !important;
  min-height: 42px !important;
  font-size: 22px;
  background: #aaa;
  border-radius: 100%;
  padding: 10px;
}

.circle-large {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.circle-large img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.circle-large ion-icon {
  min-width: 48px !important;
  min-height: 48px !important;
  font-size: 28px;
  background: #aaa;
  border-radius: 100%;
  padding: 10px;
}

.image-no-square-small {
  width: 60px;
  height: 100%;
}

.image-no-square-standard {
  width: 100px;
  height: 100%;
}

.image-no-square-medium {
  width: 200px;
  height: 100%;
}

.image-standard-noradius {
  width: 34px !important;
  height: 34px !important;
  border-radius: 100%;
}

.image-medium-noradius {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.image-large-noradius {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.image-small {
  width: 26px !important;
  height: 26px !important;
  border-radius: 100%;
}

.image-standard {
  width: 34px !important;
  height: 34px !important;
  border-radius: 100%;
}

.image-medium {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.image-large {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.icon-medium {
  font-size: 30px;
}

.icon-small {
  font-size: 20px;
}

.border-bottom {
  border-bottom: 1px solid rgba(223, 223, 229, 0.6);
}

.border-bottom .item-inner {
  border: 0px !important;
}

.bg-transparent {
  background: transparent !important;
}

.bg-transparent-blue {
  background: transparent !important;
  color: #1A73E8 !important;
}

.text-blue {
  color: #42aaff !important;
}

.text-blue ion-label {
  color: #42aaff !important;
}

.text-green {
  color: #4CBF69 !important;
}

.text-green ion-label {
  color: #4CBF69 !important;
}

.text-grey {
  color: #AAAAAA !important;
}

.text-grey ion-label {
  color: #AAAAAA !important;
}

.text-black2 {
  color: #192528;
}

.text-white {
  color: white !important;
}

.text-white ion-label {
  color: white !important;
}

.text-white .label-align {
  color: white !important;
}

.text-red {
  color: red !important;
}

.text-red ion-label {
  color: red !important;
}

.text-red .label-align {
  color: red !important;
}

.text-black {
  color: #192528 !important;
}

.text-black ion-label {
  color: #192528 !important;
}

.text-black .label-align {
  color: #192528 !important;
}

.chip-style {
  float: left !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  color: #1A73E8 !important;
  background-color: #E1F4FF !important;
  border: 1px solid #1A73E8 !important;
}

.chip-style ion-label {
  color: #1A73E8 !important;
}

.chip-style .label-align {
  color: #1A73E8 !important;
}

.chip-blue {
  margin: 0 auto;
  float: none !important;
  color: #1A73E8 !important;
  background-color: #E1F4FF !important;
  border: 1px solid #1A73E8 !important;
}

.chip-blue p {
  color: #1A73E8 !important;
  margin: 2px 0px;
}

.chip-blue .label-align {
  color: #1A73E8 !important;
}

.chip-orange {
  margin: 0 auto;
  float: none !important;
  color: #F68A22 !important;
  background-color: #FEF1D2 !important;
  border: 1px solid #F68A22 !important;
}

.chip-orange p {
  color: #F68A22 !important;
  margin: 2px 0px;
}

.chip-orange .label-align {
  color: #F68A22 !important;
}

.chip-yellow {
  margin: 0 auto;
  float: none !important;
  color: #FFAB00 !important;
  background-color: #FFF5CC !important;
  border: 1px solid #FFAB00 !important;
}

.chip-yellow p {
  color: #FFAB00 !important;
  margin: 2px 0px;
}

.chip-yellow .label-align {
  color: #FFAB00 !important;
}

.chip-red {
  margin: 0 auto;
  float: none !important;
  color: #F0624D !important;
  background-color: #FEEBDB !important;
  border: 1px solid #F0624D !important;
}

.chip-red p {
  color: #F0624D !important;
  margin: 2px 0px;
}

.chip-red .label-align {
  color: #F0624D !important;
}

.chip-green {
  margin: 0 auto;
  float: none !important;
  color: #6ddb63 !important;
  background-color: #c3f9b0 !important;
  border: 1px solid #6ddb63 !important;
}

.chip-green p {
  color: #6ddb63 !important;
  margin: 2px 0px;
}

.chip-green .label-align {
  color: #6ddb63 !important;
}

.text-primary {
  color: #F68A22;
}

.border-gray {
  border: 1px solid #c7cfdb;
}

.bg-white {
  background: transparent;
}

.height-15-p {
  height: 15px !important;
}

.height-50-p {
  height: 50px !important;
}

.height-100-p {
  height: 100px !important;
}

.text-info-400 {
  color: #42aaff !important;
}

.text-info-400 ion-label {
  color: #42aaff !important;
}

.text-success-400 {
  color: #2BB34D !important;
}

.text-success-400 ion-label {
  color: #2BB34D !important;
}

.text-brand-400 {
  color: #f9af58 !important;
}

.text-brand-400-underline {
  color: #f68a22 !important;
  border-bottom: 2px solid rgba(246, 138, 34, 0.6);
}

.bg-info-400 {
  background: #42aaff !important;
}

.bg-warning {
  background: #ffb6b9 !important;
}

.bg-success-400 {
  background: #2BB34D !important;
}

.btn-primary {
  background: #1A73E8 !important;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}

.clear-btn {
  width: 100%;
  text-align: center;
}

.clear-btn button {
  width: 100%;
  background: none;
  color: #1A73E8 !important;
}

.ready-btn {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ready-btn button {
  width: 100%;
  border-radius: 5px !important;
}

.close-btn {
  color: #F48D7D;
  border: 1px solid #F48D7D;
}

.danger-btn {
  background: #F0624D !important;
  color: #fff;
}

.text-secondary {
  color: #A5B0B7;
}

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

.bg-gray {
  background: #f6f8fa;
}

.bg-gray2 {
  background: #f6f8fa !important;
}

.bg-gray3 {
  background: #e6e6e6 !important;
}

.bg-white {
  background: #ffffff;
}

.bg-orange-gauge {
  background: #ffc740;
}

.bg-red-1 {
  background: #e62742;
}

.bg-red-2 {
  background: #e85167;
}

.bg-yellow-1 {
  background: #ffc740;
}

.bg-green-1 {
  background: #4abd67;
}

.bg-green-2 {
  background: #07912a;
}

.bg-brand {
  background: #F68A22 !important;
}

.bg-brand-opacity {
  background: rgba(252, 186, 3, 0.6) !important;
}

.list-inner {
  min-width: 100%;
}

.border-full {
  border: 1px solid #eee rgba(223, 223, 229, 0.6);
}

.border-radius-small {
  border-radius: 5px;
}

.border-radius-medium {
  border-radius: 10px;
}

.border-radius-top-medium {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.border-radius-bottom-medium {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.card-repeat {
  padding-top: 10px;
}

svg-icon.fill-black {
  fill: #121212 !important;
}

svg-icon.fill-black svg path,
svg-icon.fill-black svg line,
svg-icon.fill-black svg ellipse,
svg-icon.fill-black svg polyline,
svg-icon.fill-black svg polygon,
svg-icon.fill-black svg circle,
svg-icon.fill-black svg rect {
  fill: #121212 !important;
}

svg-icon.stroke-black svg path,
svg-icon.stroke-black svg line,
svg-icon.stroke-black svg ellipse,
svg-icon.stroke-black svg polyline,
svg-icon.stroke-black svg polygon,
svg-icon.stroke-black svg circle,
svg-icon.stroke-black svg rect {
  stroke: #121212 !important;
}

svg-icon.fill-white {
  fill: white !important;
}

svg-icon.stroke-white svg path,
svg-icon.stroke-white svg line,
svg-icon.stroke-white svg ellipse,
svg-icon.stroke-white svg polyline,
svg-icon.stroke-white svg polygon,
svg-icon.stroke-white svg circle,
svg-icon.stroke-white svg rect {
  stroke: white !important;
}

svg-icon.fill-success-400 {
  fill: #2BB34D !important;
}

svg-icon.stroke-success-400 svg path,
svg-icon.stroke-success-400 svg line,
svg-icon.stroke-success-400 svg ellipse,
svg-icon.stroke-success-400 svg polyline,
svg-icon.stroke-success-400 svg polygon,
svg-icon.stroke-success-400 svg circle,
svg-icon.stroke-success-400 svg rect {
  stroke: #2BB34D !important;
}

svg-icon.fill-brand-400 {
  fill: #f9af58 !important;
}

svg-icon.stroke-brand-400 svg path,
svg-icon.stroke-brand-400 svg line,
svg-icon.stroke-brand-400 svg ellipse,
svg-icon.stroke-brand-400 svg polyline,
svg-icon.stroke-brand-400 svg polygon,
svg-icon.stroke-brand-400 svg circle,
svg-icon.stroke-brand-400 svg rect {
  stroke: #f9af58 !important;
}

.button-full-width {
  width: 100%;
}

.button-full-width:hover {
  opacity: 0.8;
}

.opacity-08 {
  opacity: 0.8;
}

.button-rounded-none {
  border-radius: 3px !important;
}

.full-width {
  width: 100% !important;
  max-width: 100% !important;
}

.button-transparent {
  border-color: transparent !important;
  color: #000 !important;
  background: transparent !important;
}

.button-transparent-brand {
  border-color: transparent !important;
  color: #f9af58 !important;
  background: transparent !important;
}

.button-transparent-see-details {
  border-color: transparent !important;
  background: transparent !important;
  font-size: 10px !important;
  margin-top: -12px;
}

.button-outline-brand-400 {
  border-color: #F68A22 !important;
  color: #F68A22 !important;
  background: white !important;
}

.button-outline-danger {
  border-color: #F0624D !important;
  color: #F0624D !important;
  background: white !important;
}

.button-outline-black {
  border-color: #121212 !important;
  color: #121212 !important;
  background: white !important;
}

.button-outline-blue {
  border-color: #42aaff !important;
  color: #42aaff !important;
  background: white !important;
}

.button-brand-400 {
  color: white;
  background: #f9af58 !important;
}

.button-info-400 {
  color: white;
  background: #42aaff !important;
}

.button-danger-400 {
  color: white;
  background: #e1445a !important;
}

.button-danger-100 {
  color: #F0624D;
  background: #FEEBDB !important;
}

.button-success-400 {
  color: white;
  background: #2BB34D !important;
}

.button-gray {
  color: #c7cfdb !important;
  background: white !important;
  border-color: #c7cfdb !important;
}

.button-outline-gray {
  border-color: #c7cfdb !important;
  color: #c7cfdb !important;
  background: white !important;
}

.button-gray-400 {
  color: #121212 !important;
  background: #c7cfdb !important;
  border-color: #c7cfdb !important;
}

.button-gray-400-color-white {
  color: white !important;
  background: #c7cfdb !important;
  border-color: #c7cfdb !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-5 {
  -webkit-box-flex: 5%;
  -webkit-flex: 5%;
  -ms-flex: 5%;
  flex: 5%;
}

.flex-10 {
  -webkit-box-flex: 10%;
  -webkit-flex: 10%;
  -ms-flex: 10%;
  flex: 10%;
}

.flex-15 {
  -webkit-box-flex: 15%;
  -webkit-flex: 15%;
  -ms-flex: 15%;
  flex: 15%;
}

.flex-20 {
  -webkit-box-flex: 20%;
  -webkit-flex: 20%;
  -ms-flex: 20%;
  flex: 20%;
}

.flex-25 {
  -webkit-box-flex: 25%;
  -webkit-flex: 25%;
  -ms-flex: 25%;
  flex: 25%;
}

.flex-30 {
  -webkit-box-flex: 30%;
  -webkit-flex: 30%;
  -ms-flex: 30%;
  flex: 30%;
}

.flex-35 {
  -webkit-box-flex: 35%;
  -webkit-flex: 35%;
  -ms-flex: 35%;
  flex: 35%;
}

.flex-40 {
  -webkit-box-flex: 40%;
  -webkit-flex: 40%;
  -ms-flex: 40%;
  flex: 40%;
}

.flex-45 {
  -webkit-box-flex: 45%;
  -webkit-flex: 45%;
  -ms-flex: 45%;
  flex: 45%;
}

.flex-50 {
  -webkit-box-flex: 50%;
  -webkit-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
}

.flex-55 {
  -webkit-box-flex: 55%;
  -webkit-flex: 55%;
  -ms-flex: 55%;
  flex: 55%;
}

.flex-60 {
  -webkit-box-flex: 60%;
  -webkit-flex: 60%;
  -ms-flex: 60%;
  flex: 60%;
}

.flex-65 {
  -webkit-box-flex: 65%;
  -webkit-flex: 65%;
  -ms-flex: 65%;
  flex: 65%;
}

.flex-70 {
  -webkit-box-flex: 70%;
  -webkit-flex: 70%;
  -ms-flex: 70%;
  flex: 70%;
}

.flex-75 {
  -webkit-box-flex: 76%;
  -webkit-flex: 76%;
  -ms-flex: 76%;
  flex: 76%;
}

.flex-80 {
  -webkit-box-flex: 80%;
  -webkit-flex: 80%;
  -ms-flex: 80%;
  flex: 80%;
}

.flex-85 {
  -webkit-box-flex: 86%;
  -webkit-flex: 86%;
  -ms-flex: 86%;
  flex: 86%;
}

.flex-90 {
  -webkit-box-flex: 90%;
  -webkit-flex: 90%;
  -ms-flex: 90%;
  flex: 90%;
}

.flex-95 {
  -webkit-box-flex: 95%;
  -webkit-flex: 95%;
  -ms-flex: 95%;
  flex: 95%;
}

.flex-100 {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}

.width-fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.width-5-p {
  width: 5%;
}

.width-10-p {
  width: 10%;
}

.width-15-p {
  width: 15%;
}

.width-20-p {
  width: 20%;
}

.width-25-p {
  width: 25%;
}

.width-30-p {
  width: 30%;
}

.width-32-p {
  width: 32%;
}

.width-35-p {
  width: 35%;
}

.width-40-p {
  width: 40%;
}

.width-45-p {
  width: 45%;
}

.width-50-p {
  width: 50%;
}

.width-55-p {
  width: 55%;
}

.width-60-p {
  width: 60%;
}

.width-65-p {
  width: 65%;
}

.width-70-p {
  width: 70% !important;
}

.width-75-p {
  width: 76%;
}

.width-80-p {
  width: 80%;
}

.width-85-p {
  width: 86%;
}

.width-90-p {
  width: 90%;
}

.width-95-p {
  width: 95%;
}

.width-100-p {
  width: 100%;
}

.width-50-px {
  width: 50px !important;
}

.display-inline-block {
  display: inline-block !important;
}

.button-alert-full-blue {
  background-color: #2269f6;
  color: white;
  width: 100%;
  position: relative;
  border-radius: 20px;
  text-align: center;
  font-weight: 500;
}

.alrt-addmember button.alert-button.alert-button-md.alert-button-default.alert-button-default-md {
  background: transparent;
}

.alrt-addmember .alert-wrapper {
  padding: 26px 16px;
}

.alrt-addmember .alert-button-group {
  border: 1px solid #f9af58;
  padding: 2px 0px;
  border-radius: 3px;
}

.alrt-addmember .alert-md .alert-message,
.alrt-addmember .alert-md .alert-input-group {
  padding: 0 24px 20px;
}

.alrt-addmember .alert-md .alert-button {
  padding: 5px;
}

.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.display-flex dynamic-content-child-handler {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.display-flex dynamic-content-child-handler gd-datepicker {
  width: 100%;
}

.chip {
  padding: 5px 10px;
  text-align: center;
  float: right;
  max-width: 150px;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
}

.display-relative {
  display: relative !important;
}

.display-hidden {
  display: hidden !important;
}

.display-initial {
  display: initial !important;
}

.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.justify-content-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-left {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.justify-content-right {
  -webkit-box-pack: right;
  -webkit-justify-content: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.justify-content-normal {
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
}

.justify-content-start {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.justify-content-stretch {
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

.justify-content-space-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.justify-content-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-content-center {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.align-content-end {
  -webkit-align-content: end;
  -ms-flex-line-pack: end;
  align-content: end;
}

.align-content-flex-start {
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.align-content-flex-end {
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.align-content-left {
  -webkit-align-content: left;
  -ms-flex-line-pack: left;
  align-content: left;
}

.align-content-right {
  -webkit-align-content: right;
  -ms-flex-line-pack: right;
  align-content: right;
}

.align-content-normal {
  -webkit-align-content: normal;
  -ms-flex-line-pack: normal;
  align-content: normal;
}

.align-content-start {
  -webkit-align-content: start;
  -ms-flex-line-pack: start;
  align-content: start;
}

.align-content-stretch {
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.align-content-space-around {
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.align-content-space-between {
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.align-items-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
}

.align-items-flex-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-flex-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-normal {
  -webkit-box-align: normal;
  -webkit-align-items: normal;
  -ms-flex-align: normal;
  align-items: normal;
}

.align-items-self-end {
  -webkit-box-align: self-end;
  -webkit-align-items: self-end;
  -ms-flex-align: self-end;
  align-items: self-end;
}

.align-items-self-start {
  -webkit-box-align: self-start;
  -webkit-align-items: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
}

.align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}

.align-items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.justify-items-baseline {
  justify-items: baseline;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-flex-end {
  justify-items: flex-end;
}

.justify-items-flex-start {
  justify-items: flex-start;
}

.justify-items-normal {
  justify-items: normal;
}

.justify-items-self-end {
  justify-items: self-end;
}

.justify-items-self-start {
  justify-items: self-start;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-stretch {
  justify-items: stretch;
}

.small-select-icon {
  font-size: 20px;
}

.small-right-btn {
  width: 100%;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .small-right-btn {
    width: 140px;
    margin: 0 16px 0 auto;
    padding: 0;
  }
}

.custom-select .select-wrapper {
  background: #f2f5fa;
}

.custom-select ion-item .item-inner {
  padding: 0 !important;
}

.custom-select .icon-button {
  margin: 0;
}

.custom-select .icon-button ion-icon {
  color: #999;
}

.custom-select ion-label {
  color: #aaaaaa !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.custom-select ion-select {
  background-color: white;
}

.custom-select .display-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.border-radius-full {
  border-radius: 100% !important;
}

.timesheet-datepicker .calendar-container {
  margin: 0 auto;
}

.disabled-button {
  background-color: #dddddd !important;
}

.space-bottom {
  margin-bottom: 100px !important;
}

.center-w-50 {
  width: 50%;
  margin: 0 auto;
}

.chip {
  padding: 5px 10px;
  text-align: center;
  float: right;
  max-width: 150px;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
}

.video-container {
  margin-bottom: 16px;
}

.video-container iframe {
  border-radius: 5px;
}

.video-container video {
  border-radius: 5px;
}

gd-radio .radio-style ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

gd-input .input-style ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 12px !important;
}

gd-input .input-standard-no-fill ion-item .item-inner .input-wrapper ion-input {
  background: #fff;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

gd-input .input-standard-white ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

gd-input .input-standard-white ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

gd-input .input-standard-white ion-item .item-inner .input-wrapper ion-input {
  background: #fff;
  border-radius: 5px;
  border: 1.5px solid #EBECEF;
  padding: 5px 26px;
  font-size: 14px !important;
  color: #000;
}

.text-bold-p p {
  font-weight: 600;
}

.text-block-center {
  text-align: center;
  display: block !important;
}

.text-green-p {
  text-align: center;
  display: block !important;
}

.text-green-p p {
  color: #4CBF69 !important;
}

.text-blue-p {
  text-align: center;
  display: block !important;
}

.text-blue-p p {
  color: #2269f6 !important;
}

.text-center-header .label-align {
  display: block !important;
}

.select-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.select-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.select-black ion-item .item-inner .input-wrapper ion-select {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 0px;
}

.select-black ion-item .item-inner .input-wrapper ion-select .select-text {
  font-weight: normal;
  font-size: 14px;
  padding-left: 15px;
}

.select-black ion-item .item-inner .input-wrapper ion-select .select-icon {
  padding-right: 5px;
}

.input-datetime-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.input-datetime-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.input-datetime-black ion-item .item-inner .input-wrapper ion-datetime {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
  padding: 14px 15px;
}

.input-datetime-black ion-item .item-inner .input-wrapper ion-datetime .datetime-text {
  font-weight: normal;
  font-size: 14px;
  color: #000;
}

gd-datepicker .input-datetime-black .input-cal-icon:after {
  margin-right: 10px;
  margin-top: -5px;
}

.input-textarea-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.input-textarea-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.input-textarea-black ion-item .item-inner .input-wrapper ion-textarea {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
  padding: 5px 0px 0px 15px;
}

.input-textarea-black ion-item .item-inner .input-wrapper ion-textarea textarea {
  font-weight: normal;
  font-size: 14px;
  color: #000;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.input-texteditor-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ckeditor {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ckeditor .ck-editor .ck-editor__main .ck-content p {
  font-weight: normal;
  font-size: 14px;
  color: #000;
  padding-left: 5px;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ckeditor .ck-editor .ck-editor__main .ck-content p .button-auto-width {
  width: auto !important;
}

.button-auto-width {
  width: auto !important;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

.button-info-label {
  border-color: #0875cf !important;
  color: #0875cf !important;
  background: #87dfd6 !important;
}

.button-success-label {
  border-color: #07912a !important;
  color: #07912a !important;
  background: #72e08e !important;
}

.button-warning-label {
  border-color: #d6cf09 !important;
  color: #d6cf09 !important;
  background: #f7f36a !important;
}

.label-danger {
  border-color: #eb4559 !important;
  color: #eb4559 !important;
  background: #ffb6b9 !important;
  text-align: center;
  border-radius: 20px;
}

.label-info {
  border-color: #00bcd4 !important;
  color: #00bcd4 !important;
  background: #b2ebf2 !important;
  text-align: center;
  border-radius: 20px;
}

.button-danger-label {
  border-color: #a30505 !important;
  color: #a30505 !important;
  background: #ff4747 !important;
}

.chip-general-multiple {
  padding: 5px 10px;
  text-align: center;
  float: right;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
  margin: 3px;
}

.standard-width-search {
  min-width: 300px !important;
}

.avatar-standard {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 30%;
  object-position: 50% 30%;
}

.button-only-icon {
  padding: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.button-copy-standard:hover {
  background: #3e3e3e !important;
}

.button-copy-standard {
  background: #3e3e3e;
}

.button-copy-standard ion-icon {
  color: #FFF;
}

.button-copy-standard svg-icon svg path,
.button-copy-standard svg-icon svg line,
.button-copy-standard svg-icon svg ellipse,
.button-copy-standard svg-icon svg polyline,
.button-copy-standard svg-icon svg polygon,
.button-copy-standard svg-icon svg circle,
.button-copy-standard svg-icon svg rect {
  stroke: #FFF !important;
}

.button-whatsapp-standard:hover {
  background: #26d367 !important;
}

.button-whatsapp-standard {
  background: #26d367;
}

.button-whatsapp-standard svg-icon {
  fill: #FFF !important;
}

.button-whatsapp-standard svg-icon svg path,
.button-whatsapp-standard svg-icon svg line,
.button-whatsapp-standard svg-icon svg ellipse,
.button-whatsapp-standard svg-icon svg polyline,
.button-whatsapp-standard svg-icon svg polygon,
.button-whatsapp-standard svg-icon svg circle,
.button-whatsapp-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-instagram-standard:hover {
  background: #cf3573 !important;
}

.button-instagram-standard {
  background: #cf3573;
}

.button-instagram-standard svg-icon {
  fill: #FFF !important;
}

.button-instagram-standard svg-icon svg path,
.button-instagram-standard svg-icon svg line,
.button-instagram-standard svg-icon svg ellipse,
.button-instagram-standard svg-icon svg polyline,
.button-instagram-standard svg-icon svg polygon,
.button-instagram-standard svg-icon svg circle,
.button-instagram-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-facebook-standard:hover {
  background: #3a559f !important;
}

.button-facebook-standard {
  background: #3a559f;
}

.button-facebook-standard svg-icon {
  fill: #FFF !important;
}

.button-facebook-standard svg-icon svg path,
.button-facebook-standard svg-icon svg line,
.button-facebook-standard svg-icon svg ellipse,
.button-facebook-standard svg-icon svg polyline,
.button-facebook-standard svg-icon svg polygon,
.button-facebook-standard svg-icon svg circle,
.button-facebook-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-twitter-standard:hover {
  background: #33ccff !important;
}

.button-twitter-standard {
  background: #33ccff;
}

.button-twitter-standard svg-icon {
  fill: #FFF !important;
}

.button-twitter-standard svg-icon svg path,
.button-twitter-standard svg-icon svg line,
.button-twitter-standard svg-icon svg ellipse,
.button-twitter-standard svg-icon svg polyline,
.button-twitter-standard svg-icon svg polygon,
.button-twitter-standard svg-icon svg circle,
.button-twitter-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-linkedin-standard:hover {
  background: #2797cf !important;
}

.button-linkedin-standard {
  background: #2797cf;
}

.button-linkedin-standard img {
  margin-top: -4px;
  width: 30px;
}

.button-linkedin-standard svg-icon {
  fill: #FFF !important;
}

.button-linkedin-standard svg-icon svg path,
.button-linkedin-standard svg-icon svg line,
.button-linkedin-standard svg-icon svg ellipse,
.button-linkedin-standard svg-icon svg polyline,
.button-linkedin-standard svg-icon svg polygon,
.button-linkedin-standard svg-icon svg circle,
.button-linkedin-standard svg-icon svg rect {
  fill: #FFF !important;
}

.bg-none {
  background: none !important;
}

.text-large-checkbox ion-label {
  font-size: 18px;
  font-weight: 600;
}

.checkbox-wrap .item-inner ion-label {
  white-space: normal !important;
}

.margin-left-5-p {
  margin-left: 5% !important;
}

.margin-left-10-p {
  margin-left: 10% !important;
}

.margin-left-15-p {
  margin-left: 15% !important;
}

.margin-left-20-p {
  margin-left: 20% !important;
}

.margin-left-25-p {
  margin-left: 25% !important;
}

.margin-left-30-p {
  margin-left: 30% !important;
}

.margin-left-35-p {
  margin-left: 35% !important;
}

.margin-left-40-p {
  margin-left: 40% !important;
}

.margin-left-45-p {
  margin-left: 45% !important;
}

.margin-left-50-p {
  margin-left: 50% !important;
}

.margin-left-55-p {
  margin-left: 55% !important;
}

.margin-left-60-p {
  margin-left: 60% !important;
}

.margin-left-65-p {
  margin-left: 65% !important;
}

.margin-left-70-p {
  margin-left: 70% !important;
}

.margin-left-75-p {
  margin-left: 75% !important;
}

.margin-left-80-p {
  margin-left: 80% !important;
}

.margin-left-85-p {
  margin-left: 85% !important;
}

.margin-left-90-p {
  margin-left: 90% !important;
}

.margin-left-95-p {
  margin-left: 95% !important;
}

.margin-left-100-p {
  margin-left: 100% !important;
}

.margin-left-35-p {
  margin-left: 35% !important;
}

.main-grid {
  display: grid;
  grid-gap: 1rem;
}

.child-grid {
  width: 100% !important;
}

@media (min-width: 600px) {
  .child-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .child-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

chat-dynamic-page ion-content {
  margin-top: 60px;
}

chat-content .img-empty {
  text-align: center;
  margin-top: 100px;
}

chat-content .text-empty {
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
}

chat-content .chat-container {
  margin-top: 2px;
  width: 100%;
}

chat-content .chat-info-group {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

chat-content .time-chat-other {
  text-align: left;
  padding: 6px 0px 5px 0px;
  color: #AAAAAA !important;
  font-size: 12px;
}

chat-content .time-chat-other-group {
  text-align: left;
  padding: 6px 0px 5px 5px;
  color: #AAAAAA !important;
  font-size: 12px;
}

chat-content .time-chat-other-group-geserdikit {
  padding: 6px 0px 5px 52px !important;
  font-size: 12px;
}

chat-content .time-chat-me {
  text-align: right;
  padding: 6px 5px 5px 5px;
  color: #AAAAAA !important;
  font-size: 13px;
}

chat-content .name-chat-me {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #58595B;
  padding: 6px 0px 5px 5px;
  text-align: right !important;
  -webkit-align-content: right !important;
  -ms-flex-line-pack: right !important;
  align-content: right !important;
  font-size: 14px;
}

chat-content .name-chat-other {
  padding: 6px 0px 5px 10px;
  color: #58595B;
  text-align: left;
  font-size: 12px;
}

chat-content .name-chat-other-group {
  padding: 6px 0px 5px 10px;
  color: #58595B;
  text-align: left;
  font-size: 12px;
  max-width: 10px;
}

chat-content .avatar-chat-other img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: left;
  margin: 9px 0px 5px 0px;
}

chat-content .avatar-chat-other image-component {
  width: 40px;
  height: 40px;
  margin: 9px 0px 5px 0px;
  color: #58595B;
  text-align: left;
}

chat-content .buddy-image img {
  width: 50% !important;
  height: 50% !important;
  border-radius: 50%;
  margin: 9px 0px 5px 0px;
}

chat-content .buddy-image image-component {
  width: 50% !important;
  height: 50% !important;
  margin: 9px 0px 5px 0px;
  color: #58595B;
  text-align: left;
}

chat-content .message-image img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 50%;
  height: 50%;
  border-radius: 50%;
  margin: 9px 0px 5px 0px;
}

chat-content .message-image image-component {
  width: 50%;
  height: 50%;
  margin: 9px 0px 5px 0px;
  color: #58595B;
  text-align: left;
}

chat-content .day-chat-label {
  margin: 10px 0 10px 0;
  color: #A5B0B7;
  text-align: center;
  width: 100%;
  max-width: 100%;
}

chat-content .chat-containers {
  padding-bottom: 80px !important;
  margin-bottom: 50px;
}

chat-content .chat-containers .avatar-info {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 55px;
}

chat-content .chat-box {
  margin-top: 20px !important;
}

chat-content .text-action-forward {
  color: #2374c5;
  margin-bottom: 14px;
  margin-top: 15px;
  margin-left: 10px;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

chat-content .text-action {
  color: #2374c5;
  margin-bottom: 14px;
  margin-top: 5px;
  margin-left: 10px;
}

chat-content .chat-left-box .avatar-info {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 55px;
}

chat-content .chat-left-box .me-chat-box {
  -webkit-align-self: flex-start !important;
  -ms-flex-item-align: start !important;
  align-self: flex-start !important;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

chat-content .chat-left-box .me-chat-box .me-chat {
  background-color: #F6F8FA;
  color: #58595b;
}

chat-content .chat-right-box .avatar-info {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  min-height: 55px;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

chat-content .chat-right-box .me-chat-box {
  -webkit-align-self: flex-end !important;
  -ms-flex-item-align: end !important;
  align-self: flex-end !important;
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
}

chat-content .chat-right-box .me-chat-box .me-chat {
  border-radius: 35px 0px 35px 35px;
  background-color: #2374c5;
  color: white;
}

chat-content .chat-response-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -15px;
  margin-bottom: 5px;
}

chat-content .chat-response-box .me-chat {
  border-radius: 0px 35px 35px 35px;
}

chat-content .chat-response-box .chat-box {
  margin-top: 10px;
  border-radius: 25px;
  border: 1px solid #E2E9ED;
  padding: 0px 20px 10px 20px;
}

chat-content .me-chat-box.image {
  margin-bottom: 10px;
}

chat-content .me-chat-box {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 250ms ease-in-out !important;
  transition: all 250ms ease-in-out !important;
  margin-bottom: 1.5px !important;
  width: 100%;
}

chat-content .me-chat-box .me-chat {
  border-radius: 0px 35px 35px 35px;
  padding: 0px 16px 20px 20px;
  background-color: #F6F8FA;
  text-align: left;
  display: inline-block;
  color: #58595b;
  max-width: 100%;
  word-break: break-word;
  white-space: pre-line;
}

chat-content .me-chat-box .me-chat img {
  margin-top: 20px;
  width: 50% !important;
}

chat-content .me-chat-box .me-chat-group {
  max-width: calc((100% - 50px) * 0.86) !important;
}

chat-content .me-chat-box .me-image {
  text-align: right;
  background: #F6F8FA;
  padding: 6px 7px 4px 7px;
  border-radius: 0px 35px 35px 35px;
  text-align: left;
  display: inline-block;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  max-width: 300px;
  color: #58595b;
}

chat-content .me-chat-box .me-image img {
  border-radius: 0px 35px 35px 35px;
  width: 100%;
}

chat-content .me-chat-box .attach-pdf {
  background: #e8ddc0;
  padding: 8px 12px 8px 15px;
  border-radius: 23px 0 0 23px;
  color: #58595b;
  width: 350px;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

chat-content .me-chat-box .attach-doc {
  background: #C0E3E8;
  padding: 8px 12px 8px 15px;
  border-radius: 23px 0 0 23px;
  color: #58595b;
  width: 350px;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

chat-content .me-chat-box .attach-other {
  padding: 8px 12px 8px 15px;
  border-radius: 23px 0 0 23px;
  color: #58595b;
  width: 350px;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

chat-content .me-chat-box .attach-xls {
  background: #d8e8c0;
  padding: 8px 12px 8px 15px;
  border-radius: 23px 0 0 23px;
  color: #58595b;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 350px;
  position: relative;
}

chat-footer {
  width: 100%;
}

.close {
  font-size: 14px;
  float: right;
  margin-top: -3px;
  margin-left: 5px;
  text-align: right;
}

.reply-message {
  position: relative;
  z-index: 10;
  background: #F6F8FA;
  padding: 15px 20px;
  border-radius: 25px;
  margin-top: 10px;
  margin-bottom: 6px;
}

.no-padding-top {
  padding-top: 0px !important;
}

ion-footer {
  background-color: transparent !important;
}

ion-footer textarea.disable {
  background: #EEE;
}

ion-footer textarea:disabled {
  background: #EEE;
}

ion-footer .emoji-box-active {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  height: 152px;
  padding: 0 16px 0 16px;
  opacity: 1;
  padding-top: 10px;
}

ion-footer .emoji-box-noactive {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  height: 0;
  padding-top: 0;
  padding: 0 16px 0 16px;
  opacity: 0;
}

ion-footer .emoji-box {
  z-index: 9;
  -webkit-box-shadow: 0px -1px 4px 0.4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -1px 4px 0.4px rgba(0, 0, 0, 0.1);
  position: relative;
  bottom: 0;
  background: white;
  border-radius: 20px 20px 0 0;
}

ion-footer .emoji-box .emoji-section {
  background: #EBF5FB;
  border-bottom: none;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  border-radius: 8px 8px 0 0;
  height: 110px;
  overflow: auto;
}

ion-footer .emoji-box .emoji-section .emoji-list {
  font-size: 21px;
}

ion-footer ion-fab {
  z-index: 0 !important;
}

ion-footer ion-fab .fab {
  background-color: #fff !important;
  border: 1px solid #E2E9ED;
}

ion-footer ion-fab button {
  bottom: 60px;
}

ion-footer ion-fab button img {
  padding-top: 5px;
  height: 18px !important;
  width: 18px !important;
}

ion-footer ion-fab ion-badge {
  background-color: #4BBB57 !important;
  position: absolute;
  height: 15px;
  font-size: 1rem;
  bottom: 95px;
  left: 15px;
  width: 25px;
  border-radius: 45px 45px 45px 45px !important;
  -moz-border-radius: 45px 45px 45px 45px !important;
  -webkit-border-radius: 45px 45px 45px 45px !important;
}

ion-footer .footer-wrapper {
  position: relative;
  padding: 12px;
  z-index: 10;
  background: white;
}

ion-footer .footer-wrapper .footer-container {
  position: relative;
}

ion-footer .footer-wrapper ion-icon {
  font-size: 27px;
}

ion-footer .footer-wrapper .emoji-active {
  color: #F68A22;
}

ion-footer .footer-wrapper .emoji-noactive {
  color: #aaa;
}

ion-footer .footer-wrapper .upload-section .photo-btn img {
  width: 24px !important;
  height: 24px !important;
}

ion-footer .footer-wrapper .upload-section img {
  -webkit-filter: invert(77%) sepia(99%) saturate(2976%) hue-rotate(314deg) brightness(102%) contrast(99%);
  filter: invert(77%) sepia(99%) saturate(2976%) hue-rotate(314deg) brightness(102%) contrast(99%);
  width: 26px;
  height: 26px;
}

ion-footer .footer-wrapper .toggle-section {
  padding: 7px 0px 2px 0px;
  background: white;
  border-radius: 25px;
}

ion-footer .footer-wrapper .toggle-section ion-label {
  font-size: 15px !important;
  margin: 0;
}

ion-footer .footer-wrapper .toggle-section ion-toggle {
  height: 45px;
  padding: 12px 7px 12px 0;
}

ion-footer .footer-wrapper .toggle-section #myInput {
  border: 1px solid #dbdbe1;
  border-radius: 20px;
  width: 100%;
  padding: 10px 12px 10px 12px;
  resize: none;
  max-height: 20vh;
  white-space: pre-line;
  min-height: 39px;
}

ion-footer .footer-wrapper .fab-box {
  width: 46px;
  height: 46px;
}

ion-footer .footer-wrapper .fab-box .shadow-section {
  width: 33px;
  height: 23px;
  border-radius: 30px;
}

ion-footer .footer-wrapper .fab-box .shadow-section.enabled {
  -webkit-box-shadow: 0px 15px 20px #F68A22;
  box-shadow: 0px 15px 20px #F68A22;
  background: #F68A22;
}

ion-footer .footer-wrapper .fab-box .shadow-section.disabled {
  background: transparent !important;
  -webkit-box-shadow: 0px transparent !important;
  box-shadow: 0px transparent !important;
}

ion-footer .footer-wrapper .fab-box button {
  position: absolute;
  width: 46px;
  height: 46px;
  padding: 0;
  margin: 0;
}

ion-footer .footer-wrapper .fab-box button .shadow-section {
  width: 31px;
  height: 21px;
  border-radius: 30px;
}

ion-footer .footer-wrapper .fab-box button .shadow-section.enabled {
  -webkit-box-shadow: 0px 15px 20px #F68A22;
  box-shadow: 0px 15px 20px #F68A22;
  background: #F68A22;
}

ion-footer .footer-wrapper .fab-box button .shadow-section.disabled {
  background: transparent !important;
  -webkit-box-shadow: 0px transparent !important;
  box-shadow: 0px transparent !important;
}

ion-footer .footer-wrapper .fab-box button .icon-section {
  width: 46px;
  height: 46px;
  padding-left: 7px;
  background: #F68A22;
  border-radius: 100%;
}

ion-footer .footer-wrapper .fab-box button .icon-section ion-icon {
  font-size: 28px;
  color: white;
}

ion-footer .footer-wrapper .fab-box .button-ios .icon-section {
  padding-left: 0px !important;
}

chat-header .header-container {
  height: 35px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

chat-header .header-container .header-content {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  font-size: 14px !important;
}

chat-header .header-container .header-content .header-subtitle {
  font-size: 13px !important;
  color: #AAA !important;
}

chat-header .header-photo {
  float: left;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin-right: 13px;
  min-width: 35px;
}

chat-header .header-photo img {
  width: 35px;
  height: 35px;
  border-radius: 200px;
}

uploader-page {
  background: #f2f5f8;
}

uploader-page .float-container, uploader-page .fixed-container {
  margin: 0 !important;
}

uploader-page .img-empty {
  text-align: center;
  margin-top: 100px;
}

uploader-page .text-empty {
  text-align: center;
  margin-top: 20px;
  font-size: 16px;
}

uploader-page .retry-uploader {
  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;
}

uploader-page .retry-uploader svg-icon {
  margin-left: 5px;
}

uploader-page ion-content {
  margin-top: 60px;
}

uploader-page .progressbar-body-uploader {
  margin-top: 20px;
  margin-left: 5px;
}

uploader-page .progress-bar {
  width: 100%;
  height: 6.4px;
  background-color: #AAA;
  border-radius: 200px;
  overflow: hidden;
  position: relative;
}

uploader-page .progress-bar .fill {
  position: absolute;
  background-color: #AAA;
  width: 20%;
  height: 100%;
  border-radius: 200px;
  -webkit-transition: width 100ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: width 100ms cubic-bezier(0.4, 0, 0.2, 1);
}

uploader-page .progress-bar:hover .fill {
  width: 80%;
}

uploader-page .fill-green {
  background-color: #00954d !important;
}

uploader-page .fill-blue {
  background-color: #42aaff !important;
}

uploader-page .button-blue-400 {
  color: white;
  background: #42aaff !important;
}

uploader-page .footer-uploader {
  width: 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;
}

uploader-page .button-uploader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  text-transform: none;
  border-radius: 6px;
}

uploader-page .fill-red {
  background-color: #c70505 !important;
}

uploader-page .title-uploader {
  margin-bottom: 30px;
  font-size: 18px;
  color: black;
}

uploader-page .loop-uploader {
  margin-top: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

uploader-page .status-body-uploader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

uploader-page .status-body-uploader svg-icon {
  margin-left: 5px;
}

uploader-page .info-body-uploader {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

uploader-page .info-body-uploader-text {
  width: 100%;
}

uploader-page .status-body-uploader-text {
  margin-left: 5px;
  margin-top: 10px;
  color: black;
  font-size: 12px;
}

uploader-page .title-body-uploader {
  margin-left: 5px;
  color: black;
  font-size: 16px;
}

uploader-page .body-uploader {
  width: 100%;
}

.list-uploader-text {
  margin-top: 20px;
  border-top: 1px solid #DEDEDE;
}

@media screen and (max-width: 767px) {
  .row-skeleton {
    margin: 7px 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .row-skeleton .left-side {
    max-width: 100% !important;
    margin-bottom: 30px;
  }
  .row-skeleton .left-side .line {
    background: #DEDEDE;
    margin: 5px 0;
  }
  .row-skeleton .left-side .line:nth-child(1) {
    width: 50%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  .row-skeleton .right-side {
    max-width: 100% !important;
    margin-bottom: 20px;
  }
  .row-skeleton .right-side .list-box {
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 0;
    width: 100%;
  }
  .row-skeleton .right-side .list-box .line {
    background: #DEDEDE;
    margin: 6px 0;
  }
  .row-skeleton .right-side .list-box .line:nth-child(1) {
    width: 40%;
  }
  .row-skeleton .right-side .list-box .line:nth-child(2) {
    width: 60%;
  }
  .row-skeleton .right-side .list-box:nth-child(1) {
    padding: 0 0 10px 0;
  }
  .row-skeleton .right-side .list-box:nth-child(6) .line {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  .row-skeleton {
    margin: 7px 0px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .row-skeleton .left-side .line {
    background: #DEDEDE;
    margin: 5px 0;
  }
  .row-skeleton .left-side .line:nth-child(1) {
    width: 80%;
  }
  .row-skeleton .right-side .list-box {
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 0;
    width: 100%;
  }
  .row-skeleton .right-side .list-box .line {
    background: #DEDEDE;
    margin: 6px 0;
  }
  .row-skeleton .right-side .list-box .line:nth-child(1) {
    width: 100%;
  }
  .row-skeleton .right-side .list-box .line:nth-child(2) {
    width: 80%;
  }
  .row-skeleton .right-side .list-box:nth-child(1) {
    padding: 0 0 10px 0;
  }
  .row-skeleton .right-side .list-box:nth-child(6) .line {
    width: 50%;
  }
}

.text-line-through {
  text-decoration: line-through !important;
}

.flex-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.centering {
  display: contents;
  -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;
}

.box-action {
  height: 100%;
  width: 100%;
  max-height: 120px;
  max-width: 120px;
}

.disable-min-width {
  min-width: 0px !important;
}

.margin-all-5 {
  margin: 5px;
}

.margin-all-10 {
  margin: 10px;
}

.margin-all-extrasmall {
  margin: 2.5px;
}

.margin-top-extrasmall {
  margin-top: 2.5px;
}

.margin-top-small {
  margin-top: 5px;
}

.margin-top-medium {
  margin-top: 10px;
}

.margin-top-large {
  margin-top: 20px;
}

.margin-top-35 {
  margin-top: 35px;
}

.margin-right-small {
  margin-right: 5px;
}

.margin-right-medium {
  margin-right: 10px;
}

.margin-right-large {
  margin-right: 20px;
}

.margin-right-extralarge {
  margin-right: 30px;
}

.margin-left-small {
  margin-left: 5px;
}

.margin-left-medium {
  margin-left: 10px !important;
}

.margin-left-extra-medium {
  margin-left: 15px !important;
}

.margin-left-large {
  margin-left: 20px !important;
}

.margin-left-large-22 {
  margin-left: 22px !important;
}

.margin-left-large-40 {
  margin-left: 40px !important;
}

.margin-bottom-extrasmall {
  margin-bottom: 2.5px;
}

.margin-bottom-small {
  margin-bottom: 5px;
}

.margin-bottom-medium {
  margin-bottom: 10px;
}

.margin-bottom-large {
  margin-bottom: 20px;
}

.margin-bottom-medium {
  margin-bottom: 10px;
}

.margin-bottom-min-medium {
  margin-bottom: -10px;
}

.margin-bottom-min-11 {
  margin-bottom: -11px;
}

.margin-top-min-45 {
  margin-top: -45px;
}

.margin-top-min-small {
  margin-top: -5px;
}

.margin-top-min-medium {
  margin-top: -10px;
}

.margin-top-min-large {
  margin-top: -20px;
}

.margin-bottom-min-small {
  margin-bottom: -5px;
}

.margin-bottom-min-medium {
  margin-bottom: -10px;
}

.margin-bottom-min-large {
  margin-bottom: -20px;
}

.margin-right-min-medium {
  margin-right: -10px;
}

.margin-right-min-large {
  margin-right: -20px;
}

.margin-right-min-50 {
  margin-right: -50px !important;
}

.margin-right-min-75 {
  margin-right: -75px !important;
}

.margin-right-min-100 {
  margin-right: -100px !important;
}

.margin-left-min-10 {
  margin-left: -10px !important;
}

.margin-left-min-15 {
  margin-left: -15px !important;
}

.no-margin {
  margin: 0;
}

.text-center {
  text-align: center;
}

.text-start {
  text-align: start;
}

.text-end {
  text-align: end;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-justify {
  text-align: justify;
}

.text-bold {
  font-weight: 600 !important;
}

.text-bold > p {
  font-weight: 600 !important;
}

.text-extrasmall {
  font-size: 10px;
}

.text-size-11 {
  font-size: 11px !important;
}

.text-small {
  font-size: 12px;
}

.text-medium {
  font-size: 14px;
}

.text-large {
  font-size: 16px !important;
}

.text-extralarge {
  font-size: 18px !important;
}

.text-7pt {
  font-size: 7pt !important;
}

.text-heading6 {
  font-size: 24px;
}

.text-heading5 {
  font-size: 32px;
}

.text-heading4 {
  font-size: 36px;
}

.text-heading3 {
  font-size: 42px;
}

.text-heading2 {
  font-size: 46px;
}

.text-heading1 {
  font-size: 60px;
}

.text-bold {
  font-weight: 600;
}

.text-spacing-large {
  line-height: 20px;
}

.text-spacing-normal {
  line-height: 16px !important;
}

.padding-all-small-2 {
  padding: 2px;
}

.padding-all-small-5 {
  padding: 5px;
}

.padding-all-small {
  padding: 10px;
}

.padding-all-medium {
  padding: 20px;
}

.padding-top-extrasmall {
  padding-top: 5px;
}

.padding-top-small {
  padding-top: 10px !important;
}

.padding-top-medium {
  padding-top: 20px;
}

.padding-top-large {
  padding-top: 30px;
}

.no-padding-bottom {
  padding-bottom: 0px;
}

.padding-bottom-extra-small {
  padding-bottom: 5px;
}

.padding-bottom-small {
  padding-bottom: 10px;
}

.padding-bottom-medium {
  padding-bottom: 20px;
}

.padding-medium {
  padding: 20px;
}

.padding-large {
  padding: 30px;
}

.padding-small {
  padding: 10px;
}

.padding-smallest {
  padding: 5px;
}

.padding-extra-small {
  padding: 2.5px;
}

.padding-15-p {
  padding: 15px !important;
}

.padding-repeat .padding-vertical-medium {
  padding: 15px 0px 0px 0px;
}

.padding-repeat-standard .padding-vertical-medium {
  padding: 15px 0px 15px 0px;
}

.padding-none-content .padding-vertical-medium {
  padding: 0px 0px 0px 0px;
}

.padding-none-content .gd-label {
  padding-top: 0px;
  padding-bottom: 10px;
}

.padding-vertical-extra-small {
  padding-top: 5px;
  padding-bottom: 5px;
}

.padding-vertical-small {
  padding-top: 10px;
  padding-bottom: 10px;
}

.padding-horizontal-small {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-horizontal-extra-small {
  padding-left: 5px;
  padding-right: 5px;
}

.padding-vertical-medium {
  padding-top: 20px;
  padding-bottom: 20px;
}

.padding-vertical-large {
  padding-top: 30px;
  padding-bottom: 30px;
}

.padding-horizontal-medium {
  padding-left: 20px;
  padding-right: 20px;
}

.padding-horizontal-large {
  padding-left: 30px;
  padding-right: 30px;
}

.padding-layout-medium {
  padding: 10px 20px;
}

.padding-left-extralarge {
  padding-left: 40px !important;
}

.padding-left-50 {
  padding-left: 50px !important;
}

.padding-bottom-medium {
  padding-bottom: 10px;
}

.padding-bottom-large {
  padding-bottom: 20px;
}

.padding-left-small {
  padding-left: 5px;
}

.padding-left-medium {
  padding-left: 10px;
}

.padding-left-extra-medium {
  padding-left: 15px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-left-large {
  padding-left: 20px;
}

.padding-right-medium {
  padding-right: 10px;
}

.padding-right-large {
  padding-right: 20px;
}

.padding-right-30 {
  padding-right: 30px;
}

.border-none {
  border: 0 !important;
}

.border-none .item-inner {
  border: 0px !important;
}

.border-none .border-multi {
  border: 0 !important;
}

.border-right {
  border-right: 1px solid rgba(223, 223, 229, 0.6);
}

.border-top {
  border-top: 1px solid rgba(223, 223, 229, 0.6);
}

.border-bottom {
  border-bottom: 1px solid rgba(223, 223, 229, 0.6);
}

.border-left {
  border-left: 1px solid rgba(223, 223, 229, 0.6);
}

.border-full {
  border: 1px solid rgba(223, 223, 229, 0.6);
}

.border-black {
  border-color: #000;
}

.circle-standard ion-icon {
  font-size: 34px;
  background: #aaa;
  border-radius: 100%;
  padding: 10px;
}

.height-full-layer {
  min-height: 100vh;
}

.circle-standard {
  width: 34px !important;
  min-width: 34px;
  height: 34px !important;
  border-radius: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.circle-standard img {
  width: 34px !important;
  height: 34px !important;
  border-radius: 100%;
}

.svg-standard {
  width: 34px !important;
  height: 34px !important;
}

.svg-medium {
  width: 42px !important;
  height: 42px !important;
}

.svg-empty-state {
  width: 160px !important;
  height: 160px !important;
}

.circle-medium {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.circle-medium img {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.circle-medium ion-icon {
  min-width: 42px !important;
  min-height: 42px !important;
  font-size: 22px;
  background: #aaa;
  border-radius: 100%;
  padding: 10px;
}

.circle-large {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.circle-large img {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.circle-large ion-icon {
  min-width: 48px !important;
  min-height: 48px !important;
  font-size: 28px;
  background: #aaa;
  border-radius: 100%;
  padding: 10px;
}

.image-no-square-small {
  width: 60px;
  height: 100%;
}

.image-no-square-standard {
  width: 100px;
  height: 100%;
}

.image-no-square-medium {
  width: 200px;
  height: 100%;
}

.image-standard-noradius {
  width: 34px !important;
  height: 34px !important;
  border-radius: 100%;
}

.image-medium-noradius {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.image-large-noradius {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.image-small {
  width: 26px !important;
  height: 26px !important;
  border-radius: 100%;
}

.image-standard {
  width: 34px !important;
  height: 34px !important;
  border-radius: 100%;
}

.image-medium {
  width: 42px !important;
  height: 42px !important;
  border-radius: 100%;
}

.image-large {
  width: 48px !important;
  height: 48px !important;
  border-radius: 100%;
}

.icon-medium {
  font-size: 30px;
}

.icon-small {
  font-size: 20px;
}

.border-bottom {
  border-bottom: 1px solid rgba(223, 223, 229, 0.6);
}

.border-bottom .item-inner {
  border: 0px !important;
}

.bg-transparent {
  background: transparent !important;
}

.bg-transparent-blue {
  background: transparent !important;
  color: #1A73E8 !important;
}

.text-blue {
  color: #42aaff !important;
}

.text-blue ion-label {
  color: #42aaff !important;
}

.text-green {
  color: #4CBF69 !important;
}

.text-green ion-label {
  color: #4CBF69 !important;
}

.text-grey {
  color: #AAAAAA !important;
}

.text-grey ion-label {
  color: #AAAAAA !important;
}

.text-black2 {
  color: #192528;
}

.text-white {
  color: white !important;
}

.text-white ion-label {
  color: white !important;
}

.text-white .label-align {
  color: white !important;
}

.text-red {
  color: red !important;
}

.text-red ion-label {
  color: red !important;
}

.text-red .label-align {
  color: red !important;
}

.text-black {
  color: #192528 !important;
}

.text-black ion-label {
  color: #192528 !important;
}

.text-black .label-align {
  color: #192528 !important;
}

.chip-style {
  float: left !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  padding-bottom: 0px !important;
  padding-top: 0px !important;
  color: #1A73E8 !important;
  background-color: #E1F4FF !important;
  border: 1px solid #1A73E8 !important;
}

.chip-style ion-label {
  color: #1A73E8 !important;
}

.chip-style .label-align {
  color: #1A73E8 !important;
}

.chip-blue {
  margin: 0 auto;
  float: none !important;
  color: #1A73E8 !important;
  background-color: #E1F4FF !important;
  border: 1px solid #1A73E8 !important;
}

.chip-blue p {
  color: #1A73E8 !important;
  margin: 2px 0px;
}

.chip-blue .label-align {
  color: #1A73E8 !important;
}

.chip-orange {
  margin: 0 auto;
  float: none !important;
  color: #F68A22 !important;
  background-color: #FEF1D2 !important;
  border: 1px solid #F68A22 !important;
}

.chip-orange p {
  color: #F68A22 !important;
  margin: 2px 0px;
}

.chip-orange .label-align {
  color: #F68A22 !important;
}

.chip-yellow {
  margin: 0 auto;
  float: none !important;
  color: #FFAB00 !important;
  background-color: #FFF5CC !important;
  border: 1px solid #FFAB00 !important;
}

.chip-yellow p {
  color: #FFAB00 !important;
  margin: 2px 0px;
}

.chip-yellow .label-align {
  color: #FFAB00 !important;
}

.chip-red {
  margin: 0 auto;
  float: none !important;
  color: #F0624D !important;
  background-color: #FEEBDB !important;
  border: 1px solid #F0624D !important;
}

.chip-red p {
  color: #F0624D !important;
  margin: 2px 0px;
}

.chip-red .label-align {
  color: #F0624D !important;
}

.chip-green {
  margin: 0 auto;
  float: none !important;
  color: #6ddb63 !important;
  background-color: #c3f9b0 !important;
  border: 1px solid #6ddb63 !important;
}

.chip-green p {
  color: #6ddb63 !important;
  margin: 2px 0px;
}

.chip-green .label-align {
  color: #6ddb63 !important;
}

.text-primary {
  color: #F68A22;
}

.border-gray {
  border: 1px solid #c7cfdb;
}

.bg-white {
  background: transparent;
}

.height-15-p {
  height: 15px !important;
}

.height-50-p {
  height: 50px !important;
}

.height-100-p {
  height: 100px !important;
}

.text-info-400 {
  color: #42aaff !important;
}

.text-info-400 ion-label {
  color: #42aaff !important;
}

.text-success-400 {
  color: #2BB34D !important;
}

.text-success-400 ion-label {
  color: #2BB34D !important;
}

.text-brand-400 {
  color: #f9af58 !important;
}

.text-brand-400-underline {
  color: #f68a22 !important;
  border-bottom: 2px solid rgba(246, 138, 34, 0.6);
}

.bg-info-400 {
  background: #42aaff !important;
}

.bg-warning {
  background: #ffb6b9 !important;
}

.bg-success-400 {
  background: #2BB34D !important;
}

.btn-primary {
  background: #1A73E8 !important;
  border-radius: 5px;
  width: 100%;
  text-align: center;
}

.clear-btn {
  width: 100%;
  text-align: center;
}

.clear-btn button {
  width: 100%;
  background: none;
  color: #1A73E8 !important;
}

.ready-btn {
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.ready-btn button {
  width: 100%;
  border-radius: 5px !important;
}

.close-btn {
  color: #F48D7D;
  border: 1px solid #F48D7D;
}

.danger-btn {
  background: #F0624D !important;
  color: #fff;
}

.text-secondary {
  color: #A5B0B7;
}

.text-ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
}

.bg-gray {
  background: #f6f8fa;
}

.bg-gray2 {
  background: #f6f8fa !important;
}

.bg-gray3 {
  background: #e6e6e6 !important;
}

.bg-white {
  background: #ffffff;
}

.bg-orange-gauge {
  background: #ffc740;
}

.bg-red-1 {
  background: #e62742;
}

.bg-red-2 {
  background: #e85167;
}

.bg-yellow-1 {
  background: #ffc740;
}

.bg-green-1 {
  background: #4abd67;
}

.bg-green-2 {
  background: #07912a;
}

.bg-brand {
  background: #F68A22 !important;
}

.bg-brand-opacity {
  background: rgba(252, 186, 3, 0.6) !important;
}

.list-inner {
  min-width: 100%;
}

.border-full {
  border: 1px solid #eee rgba(223, 223, 229, 0.6);
}

.border-radius-small {
  border-radius: 5px;
}

.border-radius-medium {
  border-radius: 10px;
}

.border-radius-top-medium {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.border-radius-bottom-medium {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.card-repeat {
  padding-top: 10px;
}

svg-icon.fill-black {
  fill: #121212 !important;
}

svg-icon.fill-black svg path,
svg-icon.fill-black svg line,
svg-icon.fill-black svg ellipse,
svg-icon.fill-black svg polyline,
svg-icon.fill-black svg polygon,
svg-icon.fill-black svg circle,
svg-icon.fill-black svg rect {
  fill: #121212 !important;
}

svg-icon.stroke-black svg path,
svg-icon.stroke-black svg line,
svg-icon.stroke-black svg ellipse,
svg-icon.stroke-black svg polyline,
svg-icon.stroke-black svg polygon,
svg-icon.stroke-black svg circle,
svg-icon.stroke-black svg rect {
  stroke: #121212 !important;
}

svg-icon.fill-white {
  fill: white !important;
}

svg-icon.stroke-white svg path,
svg-icon.stroke-white svg line,
svg-icon.stroke-white svg ellipse,
svg-icon.stroke-white svg polyline,
svg-icon.stroke-white svg polygon,
svg-icon.stroke-white svg circle,
svg-icon.stroke-white svg rect {
  stroke: white !important;
}

svg-icon.fill-success-400 {
  fill: #2BB34D !important;
}

svg-icon.stroke-success-400 svg path,
svg-icon.stroke-success-400 svg line,
svg-icon.stroke-success-400 svg ellipse,
svg-icon.stroke-success-400 svg polyline,
svg-icon.stroke-success-400 svg polygon,
svg-icon.stroke-success-400 svg circle,
svg-icon.stroke-success-400 svg rect {
  stroke: #2BB34D !important;
}

svg-icon.fill-brand-400 {
  fill: #f9af58 !important;
}

svg-icon.stroke-brand-400 svg path,
svg-icon.stroke-brand-400 svg line,
svg-icon.stroke-brand-400 svg ellipse,
svg-icon.stroke-brand-400 svg polyline,
svg-icon.stroke-brand-400 svg polygon,
svg-icon.stroke-brand-400 svg circle,
svg-icon.stroke-brand-400 svg rect {
  stroke: #f9af58 !important;
}

.button-full-width {
  width: 100%;
}

.button-full-width:hover {
  opacity: 0.8;
}

.opacity-08 {
  opacity: 0.8;
}

.button-rounded-none {
  border-radius: 3px !important;
}

.full-width {
  width: 100% !important;
  max-width: 100% !important;
}

.button-transparent {
  border-color: transparent !important;
  color: #000 !important;
  background: transparent !important;
}

.button-transparent-brand {
  border-color: transparent !important;
  color: #f9af58 !important;
  background: transparent !important;
}

.button-transparent-see-details {
  border-color: transparent !important;
  background: transparent !important;
  font-size: 10px !important;
  margin-top: -12px;
}

.button-outline-brand-400 {
  border-color: #F68A22 !important;
  color: #F68A22 !important;
  background: white !important;
}

.button-outline-danger {
  border-color: #F0624D !important;
  color: #F0624D !important;
  background: white !important;
}

.button-outline-black {
  border-color: #121212 !important;
  color: #121212 !important;
  background: white !important;
}

.button-outline-blue {
  border-color: #42aaff !important;
  color: #42aaff !important;
  background: white !important;
}

.button-brand-400 {
  color: white;
  background: #f9af58 !important;
}

.button-info-400 {
  color: white;
  background: #42aaff !important;
}

.button-danger-400 {
  color: white;
  background: #e1445a !important;
}

.button-danger-100 {
  color: #F0624D;
  background: #FEEBDB !important;
}

.button-success-400 {
  color: white;
  background: #2BB34D !important;
}

.button-gray {
  color: #c7cfdb !important;
  background: white !important;
  border-color: #c7cfdb !important;
}

.button-outline-gray {
  border-color: #c7cfdb !important;
  color: #c7cfdb !important;
  background: white !important;
}

.button-gray-400 {
  color: #121212 !important;
  background: #c7cfdb !important;
  border-color: #c7cfdb !important;
}

.button-gray-400-color-white {
  color: white !important;
  background: #c7cfdb !important;
  border-color: #c7cfdb !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize;
}

.flex-1 {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-5 {
  -webkit-box-flex: 5%;
  -webkit-flex: 5%;
  -ms-flex: 5%;
  flex: 5%;
}

.flex-10 {
  -webkit-box-flex: 10%;
  -webkit-flex: 10%;
  -ms-flex: 10%;
  flex: 10%;
}

.flex-15 {
  -webkit-box-flex: 15%;
  -webkit-flex: 15%;
  -ms-flex: 15%;
  flex: 15%;
}

.flex-20 {
  -webkit-box-flex: 20%;
  -webkit-flex: 20%;
  -ms-flex: 20%;
  flex: 20%;
}

.flex-25 {
  -webkit-box-flex: 25%;
  -webkit-flex: 25%;
  -ms-flex: 25%;
  flex: 25%;
}

.flex-30 {
  -webkit-box-flex: 30%;
  -webkit-flex: 30%;
  -ms-flex: 30%;
  flex: 30%;
}

.flex-35 {
  -webkit-box-flex: 35%;
  -webkit-flex: 35%;
  -ms-flex: 35%;
  flex: 35%;
}

.flex-40 {
  -webkit-box-flex: 40%;
  -webkit-flex: 40%;
  -ms-flex: 40%;
  flex: 40%;
}

.flex-45 {
  -webkit-box-flex: 45%;
  -webkit-flex: 45%;
  -ms-flex: 45%;
  flex: 45%;
}

.flex-50 {
  -webkit-box-flex: 50%;
  -webkit-flex: 50%;
  -ms-flex: 50%;
  flex: 50%;
}

.flex-55 {
  -webkit-box-flex: 55%;
  -webkit-flex: 55%;
  -ms-flex: 55%;
  flex: 55%;
}

.flex-60 {
  -webkit-box-flex: 60%;
  -webkit-flex: 60%;
  -ms-flex: 60%;
  flex: 60%;
}

.flex-65 {
  -webkit-box-flex: 65%;
  -webkit-flex: 65%;
  -ms-flex: 65%;
  flex: 65%;
}

.flex-70 {
  -webkit-box-flex: 70%;
  -webkit-flex: 70%;
  -ms-flex: 70%;
  flex: 70%;
}

.flex-75 {
  -webkit-box-flex: 76%;
  -webkit-flex: 76%;
  -ms-flex: 76%;
  flex: 76%;
}

.flex-80 {
  -webkit-box-flex: 80%;
  -webkit-flex: 80%;
  -ms-flex: 80%;
  flex: 80%;
}

.flex-85 {
  -webkit-box-flex: 86%;
  -webkit-flex: 86%;
  -ms-flex: 86%;
  flex: 86%;
}

.flex-90 {
  -webkit-box-flex: 90%;
  -webkit-flex: 90%;
  -ms-flex: 90%;
  flex: 90%;
}

.flex-95 {
  -webkit-box-flex: 95%;
  -webkit-flex: 95%;
  -ms-flex: 95%;
  flex: 95%;
}

.flex-100 {
  -webkit-box-flex: 100%;
  -webkit-flex: 100%;
  -ms-flex: 100%;
  flex: 100%;
}

.width-fit-content {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.width-5-p {
  width: 5%;
}

.width-10-p {
  width: 10%;
}

.width-15-p {
  width: 15%;
}

.width-20-p {
  width: 20%;
}

.width-25-p {
  width: 25%;
}

.width-30-p {
  width: 30%;
}

.width-32-p {
  width: 32%;
}

.width-35-p {
  width: 35%;
}

.width-40-p {
  width: 40%;
}

.width-45-p {
  width: 45%;
}

.width-50-p {
  width: 50%;
}

.width-55-p {
  width: 55%;
}

.width-60-p {
  width: 60%;
}

.width-65-p {
  width: 65%;
}

.width-70-p {
  width: 70% !important;
}

.width-75-p {
  width: 76%;
}

.width-80-p {
  width: 80%;
}

.width-85-p {
  width: 86%;
}

.width-90-p {
  width: 90%;
}

.width-95-p {
  width: 95%;
}

.width-100-p {
  width: 100%;
}

.width-50-px {
  width: 50px !important;
}

.display-inline-block {
  display: inline-block !important;
}

.button-alert-full-blue {
  background-color: #2269f6;
  color: white;
  width: 100%;
  position: relative;
  border-radius: 20px;
  text-align: center;
  font-weight: 500;
}

.alrt-addmember button.alert-button.alert-button-md.alert-button-default.alert-button-default-md {
  background: transparent;
}

.alrt-addmember .alert-wrapper {
  padding: 26px 16px;
}

.alrt-addmember .alert-button-group {
  border: 1px solid #f9af58;
  padding: 2px 0px;
  border-radius: 3px;
}

.alrt-addmember .alert-md .alert-message,
.alrt-addmember .alert-md .alert-input-group {
  padding: 0 24px 20px;
}

.alrt-addmember .alert-md .alert-button {
  padding: 5px;
}

.display-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.display-flex dynamic-content-child-handler {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.display-flex dynamic-content-child-handler gd-datepicker {
  width: 100%;
}

.chip {
  padding: 5px 10px;
  text-align: center;
  float: right;
  max-width: 150px;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
}

.display-relative {
  display: relative !important;
}

.display-hidden {
  display: hidden !important;
}

.display-initial {
  display: initial !important;
}

.justify-content-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.justify-content-end {
  -webkit-box-pack: end;
  -webkit-justify-content: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.justify-content-flex-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.justify-content-flex-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.justify-content-left {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}

.justify-content-right {
  -webkit-box-pack: right;
  -webkit-justify-content: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.justify-content-normal {
  -webkit-box-pack: normal;
  -webkit-justify-content: normal;
  -ms-flex-pack: normal;
  justify-content: normal;
}

.justify-content-start {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

.justify-content-stretch {
  -webkit-box-pack: stretch;
  -webkit-justify-content: stretch;
  -ms-flex-pack: stretch;
  justify-content: stretch;
}

.justify-content-space-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.justify-content-space-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.align-content-center {
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
}

.align-content-end {
  -webkit-align-content: end;
  -ms-flex-line-pack: end;
  align-content: end;
}

.align-content-flex-start {
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.align-content-flex-end {
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.align-content-left {
  -webkit-align-content: left;
  -ms-flex-line-pack: left;
  align-content: left;
}

.align-content-right {
  -webkit-align-content: right;
  -ms-flex-line-pack: right;
  align-content: right;
}

.align-content-normal {
  -webkit-align-content: normal;
  -ms-flex-line-pack: normal;
  align-content: normal;
}

.align-content-start {
  -webkit-align-content: start;
  -ms-flex-line-pack: start;
  align-content: start;
}

.align-content-stretch {
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
}

.align-content-space-around {
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
}

.align-content-space-between {
  -webkit-align-content: space-between;
  -ms-flex-line-pack: justify;
  align-content: space-between;
}

.align-items-baseline {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.align-items-center {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.align-items-end {
  -webkit-box-align: end;
  -webkit-align-items: end;
  -ms-flex-align: end;
  align-items: end;
}

.align-items-flex-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.align-items-flex-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.align-items-normal {
  -webkit-box-align: normal;
  -webkit-align-items: normal;
  -ms-flex-align: normal;
  align-items: normal;
}

.align-items-self-end {
  -webkit-box-align: self-end;
  -webkit-align-items: self-end;
  -ms-flex-align: self-end;
  align-items: self-end;
}

.align-items-self-start {
  -webkit-box-align: self-start;
  -webkit-align-items: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
}

.align-items-start {
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}

.align-items-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.justify-items-baseline {
  justify-items: baseline;
}

.justify-items-center {
  justify-items: center;
}

.justify-items-end {
  justify-items: end;
}

.justify-items-flex-end {
  justify-items: flex-end;
}

.justify-items-flex-start {
  justify-items: flex-start;
}

.justify-items-normal {
  justify-items: normal;
}

.justify-items-self-end {
  justify-items: self-end;
}

.justify-items-self-start {
  justify-items: self-start;
}

.justify-items-start {
  justify-items: start;
}

.justify-items-stretch {
  justify-items: stretch;
}

.small-select-icon {
  font-size: 20px;
}

.small-right-btn {
  width: 100%;
  padding: 0 16px;
}

@media screen and (min-width: 768px) {
  .small-right-btn {
    width: 140px;
    margin: 0 16px 0 auto;
    padding: 0;
  }
}

.custom-select .select-wrapper {
  background: #f2f5fa;
}

.custom-select ion-item .item-inner {
  padding: 0 !important;
}

.custom-select .icon-button {
  margin: 0;
}

.custom-select .icon-button ion-icon {
  color: #999;
}

.custom-select ion-label {
  color: #aaaaaa !important;
  margin-bottom: 12px;
  font-weight: 600 !important;
  font-size: 13px !important;
}

.custom-select ion-select {
  background-color: white;
}

.custom-select .display-flex {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.border-radius-full {
  border-radius: 100% !important;
}

.timesheet-datepicker .calendar-container {
  margin: 0 auto;
}

.disabled-button {
  background-color: #dddddd !important;
}

.space-bottom {
  margin-bottom: 100px !important;
}

.center-w-50 {
  width: 50%;
  margin: 0 auto;
}

.chip {
  padding: 5px 10px;
  text-align: center;
  float: right;
  max-width: 150px;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
}

.video-container {
  margin-bottom: 16px;
}

.video-container iframe {
  border-radius: 5px;
}

.video-container video {
  border-radius: 5px;
}

gd-radio .radio-style ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

gd-input .input-style ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 12px !important;
}

gd-input .input-standard-no-fill ion-item .item-inner .input-wrapper ion-input {
  background: #fff;
  border-radius: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

gd-input .input-standard-white ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

gd-input .input-standard-white ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

gd-input .input-standard-white ion-item .item-inner .input-wrapper ion-input {
  background: #fff;
  border-radius: 5px;
  border: 1.5px solid #EBECEF;
  padding: 5px 26px;
  font-size: 14px !important;
  color: #000;
}

.text-bold-p p {
  font-weight: 600;
}

.text-block-center {
  text-align: center;
  display: block !important;
}

.text-green-p {
  text-align: center;
  display: block !important;
}

.text-green-p p {
  color: #4CBF69 !important;
}

.text-blue-p {
  text-align: center;
  display: block !important;
}

.text-blue-p p {
  color: #2269f6 !important;
}

.text-center-header .label-align {
  display: block !important;
}

.select-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.select-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.select-black ion-item .item-inner .input-wrapper ion-select {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
  padding-top: 14px !important;
  padding-bottom: 14px !important;
  padding-left: 0px;
}

.select-black ion-item .item-inner .input-wrapper ion-select .select-text {
  font-weight: normal;
  font-size: 14px;
  padding-left: 15px;
}

.select-black ion-item .item-inner .input-wrapper ion-select .select-icon {
  padding-right: 5px;
}

.input-datetime-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.input-datetime-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.input-datetime-black ion-item .item-inner .input-wrapper ion-datetime {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
  padding: 14px 15px;
}

.input-datetime-black ion-item .item-inner .input-wrapper ion-datetime .datetime-text {
  font-weight: normal;
  font-size: 14px;
  color: #000;
}

gd-datepicker .input-datetime-black .input-cal-icon:after {
  margin-right: 10px;
  margin-top: -5px;
}

.input-textarea-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.input-textarea-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.input-textarea-black ion-item .item-inner .input-wrapper ion-textarea {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
  padding: 5px 0px 0px 15px;
}

.input-textarea-black ion-item .item-inner .input-wrapper ion-textarea textarea {
  font-weight: normal;
  font-size: 14px;
  color: #000;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ion-label {
  color: #000 !important;
  font-size: 14px !important;
}

.input-texteditor-black ion-item .item-inner {
  padding-right: 0 !important;
  border-bottom: 0 !important;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ckeditor {
  background: #fff;
  border: 1.5px solid #EBECEF;
  border-radius: 4px;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ckeditor .ck-editor .ck-editor__main .ck-content p {
  font-weight: normal;
  font-size: 14px;
  color: #000;
  padding-left: 5px;
}

.input-texteditor-black ion-item .item-inner .input-wrapper ckeditor .ck-editor .ck-editor__main .ck-content p .button-auto-width {
  width: auto !important;
}

.button-auto-width {
  width: auto !important;
}

.float-right {
  float: right !important;
}

.float-left {
  float: left !important;
}

.button-info-label {
  border-color: #0875cf !important;
  color: #0875cf !important;
  background: #87dfd6 !important;
}

.button-success-label {
  border-color: #07912a !important;
  color: #07912a !important;
  background: #72e08e !important;
}

.button-warning-label {
  border-color: #d6cf09 !important;
  color: #d6cf09 !important;
  background: #f7f36a !important;
}

.label-danger {
  border-color: #eb4559 !important;
  color: #eb4559 !important;
  background: #ffb6b9 !important;
  text-align: center;
  border-radius: 20px;
}

.label-info {
  border-color: #00bcd4 !important;
  color: #00bcd4 !important;
  background: #b2ebf2 !important;
  text-align: center;
  border-radius: 20px;
}

.button-danger-label {
  border-color: #a30505 !important;
  color: #a30505 !important;
  background: #ff4747 !important;
}

.chip-general-multiple {
  padding: 5px 10px;
  text-align: center;
  float: right;
  min-width: 68px;
  border: 1px solid #000;
  border-radius: 200px;
  font-size: 10px;
  margin: 3px;
}

.standard-width-search {
  min-width: 300px !important;
}

.avatar-standard {
  width: 100px;
  height: 100px;
  border-radius: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 30%;
  object-position: 50% 30%;
}

.button-only-icon {
  padding: 0 !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.button-copy-standard:hover {
  background: #3e3e3e !important;
}

.button-copy-standard {
  background: #3e3e3e;
}

.button-copy-standard ion-icon {
  color: #FFF;
}

.button-copy-standard svg-icon svg path,
.button-copy-standard svg-icon svg line,
.button-copy-standard svg-icon svg ellipse,
.button-copy-standard svg-icon svg polyline,
.button-copy-standard svg-icon svg polygon,
.button-copy-standard svg-icon svg circle,
.button-copy-standard svg-icon svg rect {
  stroke: #FFF !important;
}

.button-whatsapp-standard:hover {
  background: #26d367 !important;
}

.button-whatsapp-standard {
  background: #26d367;
}

.button-whatsapp-standard svg-icon {
  fill: #FFF !important;
}

.button-whatsapp-standard svg-icon svg path,
.button-whatsapp-standard svg-icon svg line,
.button-whatsapp-standard svg-icon svg ellipse,
.button-whatsapp-standard svg-icon svg polyline,
.button-whatsapp-standard svg-icon svg polygon,
.button-whatsapp-standard svg-icon svg circle,
.button-whatsapp-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-instagram-standard:hover {
  background: #cf3573 !important;
}

.button-instagram-standard {
  background: #cf3573;
}

.button-instagram-standard svg-icon {
  fill: #FFF !important;
}

.button-instagram-standard svg-icon svg path,
.button-instagram-standard svg-icon svg line,
.button-instagram-standard svg-icon svg ellipse,
.button-instagram-standard svg-icon svg polyline,
.button-instagram-standard svg-icon svg polygon,
.button-instagram-standard svg-icon svg circle,
.button-instagram-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-facebook-standard:hover {
  background: #3a559f !important;
}

.button-facebook-standard {
  background: #3a559f;
}

.button-facebook-standard svg-icon {
  fill: #FFF !important;
}

.button-facebook-standard svg-icon svg path,
.button-facebook-standard svg-icon svg line,
.button-facebook-standard svg-icon svg ellipse,
.button-facebook-standard svg-icon svg polyline,
.button-facebook-standard svg-icon svg polygon,
.button-facebook-standard svg-icon svg circle,
.button-facebook-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-twitter-standard:hover {
  background: #33ccff !important;
}

.button-twitter-standard {
  background: #33ccff;
}

.button-twitter-standard svg-icon {
  fill: #FFF !important;
}

.button-twitter-standard svg-icon svg path,
.button-twitter-standard svg-icon svg line,
.button-twitter-standard svg-icon svg ellipse,
.button-twitter-standard svg-icon svg polyline,
.button-twitter-standard svg-icon svg polygon,
.button-twitter-standard svg-icon svg circle,
.button-twitter-standard svg-icon svg rect {
  fill: #FFF !important;
}

.button-linkedin-standard:hover {
  background: #2797cf !important;
}

.button-linkedin-standard {
  background: #2797cf;
}

.button-linkedin-standard img {
  margin-top: -4px;
  width: 30px;
}

.button-linkedin-standard svg-icon {
  fill: #FFF !important;
}

.button-linkedin-standard svg-icon svg path,
.button-linkedin-standard svg-icon svg line,
.button-linkedin-standard svg-icon svg ellipse,
.button-linkedin-standard svg-icon svg polyline,
.button-linkedin-standard svg-icon svg polygon,
.button-linkedin-standard svg-icon svg circle,
.button-linkedin-standard svg-icon svg rect {
  fill: #FFF !important;
}

.bg-none {
  background: none !important;
}

.text-large-checkbox ion-label {
  font-size: 18px;
  font-weight: 600;
}

.checkbox-wrap .item-inner ion-label {
  white-space: normal !important;
}

.margin-left-5-p {
  margin-left: 5% !important;
}

.margin-left-10-p {
  margin-left: 10% !important;
}

.margin-left-15-p {
  margin-left: 15% !important;
}

.margin-left-20-p {
  margin-left: 20% !important;
}

.margin-left-25-p {
  margin-left: 25% !important;
}

.margin-left-30-p {
  margin-left: 30% !important;
}

.margin-left-35-p {
  margin-left: 35% !important;
}

.margin-left-40-p {
  margin-left: 40% !important;
}

.margin-left-45-p {
  margin-left: 45% !important;
}

.margin-left-50-p {
  margin-left: 50% !important;
}

.margin-left-55-p {
  margin-left: 55% !important;
}

.margin-left-60-p {
  margin-left: 60% !important;
}

.margin-left-65-p {
  margin-left: 65% !important;
}

.margin-left-70-p {
  margin-left: 70% !important;
}

.margin-left-75-p {
  margin-left: 75% !important;
}

.margin-left-80-p {
  margin-left: 80% !important;
}

.margin-left-85-p {
  margin-left: 85% !important;
}

.margin-left-90-p {
  margin-left: 90% !important;
}

.margin-left-95-p {
  margin-left: 95% !important;
}

.margin-left-100-p {
  margin-left: 100% !important;
}

.margin-left-35-p {
  margin-left: 35% !important;
}

.main-grid {
  display: grid;
  grid-gap: 1rem;
}

.child-grid {
  width: 100% !important;
}

@media (min-width: 600px) {
  .child-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (min-width: 900px) {
  .child-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

page-app-builder-form ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

page-app-builder-form ion-row.feed-profile ion-list {
  margin: 0;
  width: 100%;
}

page-app-builder-form ion-row.feed-profile ion-list ion-item .item-inner {
  min-height: 70px !important;
}

page-app-builder-form ion-row.feed-profile ion-list ion-item ion-label {
  margin: 0;
}

page-app-builder-form ion-row.feed-profile ion-list ion-item ion-label h2 {
  color: #F68A22;
  margin-top: 0;
}

page-app-builder-form ion-row.feed-profile ion-list ion-item ion-label p {
  font-size: 0.9em;
}

page-app-builder-form ion-row.feed-profile ion-list ion-item ion-label ion-icon {
  margin-left: 10px;
}

page-app-builder-form ion-row.feed-profile ion-list ion-item ion-label ion-icon:before {
  font-size: 1.5em;
  color: #808080;
}

page-app-builder-form ion-row.feed-profile ion-list ion-item ion-label span.sficon-star, page-app-builder-form ion-row.feed-profile ion-list ion-item ion-label span.sficon-trash {
  font-size: 1.6em;
  padding: 0.3em;
  padding-right: 0;
}

page-app-builder-form .sf-button {
  width: 100%;
}

page-app-builder-form .sf-datetime {
  margin: 0;
  color: #ed4956;
}

page-app-builder-form .item .item-block .item-inner {
  background: #FFFFFF;
  border: 0px !important;
}

page-app-builder-form .floating-time {
  float: left;
  width: 50%;
}

page-app-builder-form .floating-date {
  float: left;
  margin-right: 2% !important;
}

page-app-builder-form .profile-url {
  float: left;
  width: 20%;
}

page-app-builder-list ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

page-app-builder-list .footer-builder {
  position: fixed;
  bottom: 0;
}

page-app-builder-list .list-devinder {
  border-bottom: 1px solid transparent;
  border-top: 0px;
  -o-border-image: url(../assets/images/gradient-post.jpg);
  border-image: url(../assets/images/gradient-post.jpg);
  border-image-slice: 10 1;
}

page-app-builder-list .list-devinder ion-row.feed-profile ion-list {
  margin: 0;
  margin-top: 0.9em !important;
  width: 100%;
}

page-app-builder-list .list-devinder ion-row.feed-profile ion-list ion-item {
  padding-left: 10px !important;
}

page-app-builder-list .list-devinder ion-row.feed-profile ion-list ion-item .item-inner {
  min-height: 70px !important;
}

page-app-builder-list .list-devinder ion-row.feed-profile ion-list ion-item ion-label {
  margin: 0;
}

page-app-builder-list .list-devinder ion-row.feed-profile ion-list ion-item ion-label h2 {
  color: #F68A22;
  margin-top: 0;
}

page-app-builder-list .list-devinder ion-row.feed-profile ion-list ion-item ion-label p {
  font-size: 0.9em;
}

page-app-builder-list .list-devinder ion-row.feed-profile ion-list ion-item ion-label ion-icon {
  margin-left: 10px;
}

page-app-builder-list .list-devinder ion-row.feed-profile ion-list ion-item ion-label ion-icon:before {
  font-size: 1.5em;
  color: #808080;
}

page-app-builder-list .list-devinder ion-row.feed-profile ion-list ion-item ion-label span.sficon-star, page-app-builder-list .list-devinder ion-row.feed-profile ion-list ion-item ion-label span.sficon-trash {
  font-size: 1.6em;
  padding: 0.3em;
  padding-right: 0;
}

page-app-builder-list .list-ios > .item-block:last-child, page-app-builder-list .list-ios > .item-wrapper:last-child .item-block {
  border-bottom: 0px solid #c8c7cc !important;
}

page-app-builder-list .list-ios > .item-block:first-child {
  border-top: 0px solid #c8c7cc !important;
}

page-app-builder-search ion-spinner * {
  width: 28px;
  height: 28px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

page-app-builder-search .footer-builder {
  position: fixed;
  bottom: 0;
}

page-app-builder-search .list-devinder {
  border-bottom: 1px solid transparent;
  border-top: 0px;
  -o-border-image: url(../assets/images/gradient-post.jpg);
  border-image: url(../assets/images/gradient-post.jpg);
  border-image-slice: 10 1;
}

page-app-builder-search .list-devinder ion-row.feed-profile ion-list {
  margin: 0;
  width: 100%;
}

page-app-builder-search .list-devinder ion-row.feed-profile ion-list ion-item {
  padding-left: 10px !important;
}

page-app-builder-search .list-devinder ion-row.feed-profile ion-list ion-item .item-inner {
  min-height: 70px !important;
}

page-app-builder-search .list-devinder ion-row.feed-profile ion-list ion-item ion-label {
  margin: 0;
}

page-app-builder-search .list-devinder ion-row.feed-profile ion-list ion-item ion-label h2 {
  color: #F68A22;
  margin-top: 0;
}

page-app-builder-search .list-devinder ion-row.feed-profile ion-list ion-item ion-label p {
  font-size: 0.9em;
}

page-app-builder-search .list-devinder ion-row.feed-profile ion-list ion-item ion-label ion-icon {
  margin-left: 10px;
}

page-app-builder-search .list-devinder ion-row.feed-profile ion-list ion-item ion-label ion-icon:before {
  font-size: 1.5em;
  color: #808080;
}

page-app-builder-search .list-devinder ion-row.feed-profile ion-list ion-item ion-label span.sficon-star, page-app-builder-search .list-devinder ion-row.feed-profile ion-list ion-item ion-label span.sficon-trash {
  font-size: 1.6em;
  padding: 0.3em;
  padding-right: 0;
}

page-attendance-result .button-full.button-outline {
  border-right-width: 1px !important;
  border-left-width: 1px !important;
}

page-attendance-result gdx-header img {
  width: 24px;
  height: 24px;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: top;
  object-position: top;
}

page-attendance-result button.disable-hover.button.button-md.button-default.button-default-md.button-full.button-full-md.button-md-emerald,
page-attendance-result button.disable-hover.button.button-ios.button-default.button-default-ios.button-full.button-full-ios.button-ios-emerald {
  margin-left: 0px !important;
}

page-attendance-result .container-box .note-box {
  margin-bottom: 16px;
}

page-attendance-result .container-box .card-box .card-section {
  margin-bottom: 16px;
  border-radius: 3px;
  overflow: hidden;
  border: 1px solid #dbdbe1;
  -webkit-box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 20px 30px 0px rgba(0, 0, 0, 0.16);
}

page-attendance-result .container-box .card-box .card-section .card-head {
  padding: 8px;
  background-color: #f6f8f9;
  border-bottom: 1px solid #dbdbe1;
}

page-attendance-result .container-box .card-box .card-section .card-head .log-box img {
  -o-object-fit: contain;
  object-fit: contain;
}

page-attendance-result .container-box .card-box .card-section .card-head .log-box ion-label {
  color: #1a73e8 !important;
}

page-attendance-result .container-box .card-box .card-section .card-head .card-date {
  color: #222 !important;
}

page-attendance-result .container-box .card-box .card-section .card-body {
  padding: 10px 12px;
}

page-attendance-result .container-box .card-box .card-section .card-body .detail-box {
  margin-bottom: 16px;
}

page-attendance-result .container-box .card-box .card-section .card-body .detail-box .time-box span {
  font-size: 24px;
  color: #F68A22;
  margin-right: 6px;
}

page-attendance-result .container-box .card-box .card-section .card-body .detail-box .time-box .img-box {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  background-color: #A5B0B7;
  overflow: hidden;
}

page-attendance-result .container-box .card-box .card-section .card-body .detail-box .time-box .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

page-attendance-result .container-box .card-box .card-section .card-body .detail-box .time-box .fingerprint {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}

page-attendance-result .container-box .card-box .card-section .card-body .detail-box .time-box .time-section .time-label {
  color: #A5B0B7 !important;
  margin-bottom: 4px;
  font-size: 12px !important;
}

page-attendance-result .container-box .card-box .card-section .card-body .detail-box .time-box .time-section .time-value {
  font-size: 20px !important;
  font-family: "bold";
}

page-attendance-result .container-box .card-box .card-section .card-body .detail-box .time-box .time-section .time-value.start {
  color: #2BB34D !important;
}

page-attendance-result .container-box .card-box .card-section .card-body .detail-box .time-box .time-section .time-value.end {
  color: #F0624D !important;
}

page-attendance-result .container-box .card-box .card-section .card-body .detail-box .divider {
  width: 1px;
  height: 40px;
  background-color: #dbdbe1;
  margin: 0 10px;
}

page-attendance-result .container-box .card-box .card-section .card-body .status-box > ion-label {
  color: #222 !important;
}

page-attendance-result .container-box.offline {
  height: 100%;
}

page-attendance-result .container-box.offline .ilustrasi-box {
  margin-bottom: 8px;
}

page-attendance-result .container-box.offline .ilustrasi-box img {
  height: 180px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-attendance-result .container-box.offline .msg-box {
  background-color: rgba(240, 98, 77, 0.1);
  padding: 8px;
}

page-attendance-result .container-box.offline .msg-box p {
  font-size: 12px;
  color: #F0624D;
  line-height: 20px;
}

page-attendance-result .container-box.offline .record-box {
  width: 100%;
  margin-top: 8px;
}

page-attendance-result .container-box.offline .record-box .record-title {
  font-family: 'bold' !important;
  font-size: 16px !important;
  color: #222 !important;
  margin-bottom: 8px;
}

page-attendance-result .container-box.offline .record-box .record-section {
  margin-bottom: 12px;
}

page-attendance-result .container-box.offline .record-box .record-section img {
  width: 40px;
  height: 40px;
  border-radius: 200px;
}

page-attendance-result .container-box.offline .record-box .record-section .record-detail .record {
  margin-bottom: 2px;
}

page-attendance-result .container-box.offline .record-box .record-section .record-detail .date {
  margin-bottom: 2px;
  color: #A5B0B7 !important;
  font-size: 12px !important;
}

page-attendance-result .container-box.offline .record-box .record-section .record-detail .time {
  margin-bottom: 2px;
  color: #2BB34D !important;
  font-size: 12px !important;
}

page-attendance-result .loading-box {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 200px;
}

page-attendance-result ion-footer div {
  width: 100%;
}

page-attendance-result ion-footer div button {
  width: 100%;
}

page-chat-add-group {
  background-color: #f2f5f8;
}

page-chat-add-group .item-md.item-block .item-inner {
  border: none;
}

page-chat-add-group ion-header .toolbar-background,
page-chat-add-group .card-wrapper {
  background-image: -webkit-gradient(linear, left top, right top, from(#F68A22), to(#F68A22));
  background-image: linear-gradient(to right, #F68A22, #F68A22);
}

page-chat-add-group ion-header .toolbar-title {
  color: white !important;
}

page-chat-add-group ion-header ion-icon {
  color: white !important;
}

page-chat-add-group .container {
  padding-top: 50px;
}

page-chat-add-group .container .image-box img {
  border-radius: 50px !important;
  height: 100px !important;
  width: 100px !important;
}

page-chat-add-group .container .input-box {
  width: 80%;
  padding-top: 10px;
  border-bottom: 1px solid #DEDEDE;
  /* webkit solution */
  /* mozilla solution */
}

page-chat-add-group .container .input-box ::-webkit-input-placeholder {
  text-align: center;
}

page-chat-add-group .container .input-box input:-moz-placeholder {
  text-align: center;
}

page-chat-add-group input {
  text-align: center;
}

@media only screen and (min-height: 750px) {
  page-chat-add-group .container {
    padding-top: 100px;
  }
}

page-chat-add-group-member ion-avatar img {
  width: 45px !important;
  height: 45px !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

page-chat-add-group-member ion-header ion-navbar {
  border-bottom: 1px solid #E2E9ED;
}

page-chat-add-group-member ion-header ion-navbar .toolbar-background {
  background-color: #fff !important;
}

page-chat-add-group-member ion-header .chosen-box {
  border-bottom: 1px solid #E2E9ED;
  padding: 0 12px;
}

page-chat-add-group-member ion-header .chosen-box ion-avatar {
  margin-right: 0px !important;
}

page-chat-add-group-member ion-header .chosen-box .avatar-box {
  position: relative;
}

page-chat-add-group-member ion-header .chosen-box .avatar-box .icon-box {
  position: absolute;
  top: 7px;
  left: 31px;
  background: #DB4119;
  width: 18px;
  height: 18px;
  border-radius: 200px;
}

page-chat-add-group-member ion-header .chosen-box .avatar-box ion-icon {
  color: white;
  font-size: 0.9em;
}

page-chat-add-group-member ion-content .list-box .list-section {
  border-bottom: 1px solid #E2E9ED;
  padding: 5px 16px;
}

page-chat-add-group-member ion-content .list-box .list-section .detail {
  overflow: hidden;
}

page-chat-add-group-member ion-content .list-box .list-section .detail h2 {
  font-size: 1.5rem;
  font-family: 'medium';
  color: #58595B;
  margin: 0 0 1px 0;
  text-transform: capitalize;
}

page-chat-add-group-member ion-content .list-box .list-section .detail ion-label {
  font-size: 1.5rem !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-chat-add-group-member ion-content .list-box .list-section ion-checkbox .checkbox-icon {
  background: white;
  border: 2px solid #A5B0B7;
}

page-chat-add-group-member ion-content .list-box .list-section ion-checkbox .checkbox-checked {
  background-color: #F68A22;
  border: none;
}

page-chat-add-group-member ion-content .list-box .list-section ion-checkbox .checkbox-checked .checkbox-inner {
  left: 7px;
  top: 2.5px;
  width: 7px;
  height: 14px;
}

page-chat-add-group-member .skeleton-box .skeleton-section {
  width: 100%;
}

page-chat-add-group-member .skeleton-box .skeleton-section .avatar-skeleton {
  position: absolute;
  text-align: left;
  width: 40px;
  height: 40px;
  margin: 14px 10px 10px 20px;
  background-color: #DEDEDE;
  text-align: left;
  border-radius: 50%;
}

page-chat-add-group-member .skeleton-box .skeleton-section .detail-skeleton .name-skeleton {
  padding: 8px 20px 8px 16px;
  margin-bottom: 5px !important;
  margin: 20px 120px 10px 70px;
  border-radius: 5px;
  background: #DEDEDE;
}

page-chat-add-group-member .skeleton-box .skeleton-section .detail-skeleton .title-skeleton {
  padding: 5px 20px 5px 16px;
  margin-bottom: 10px !important;
  margin: 2px 150px 10px 70px;
  border-radius: 5px;
  background: #DEDEDE;
}

page-chat-add-group-member ion-footer button {
  margin-bottom: 25px;
}

page-chat-contact ion-content .list-box .label-box ion-label, page-chat-contact ion-content .list-box .list-section .detail ion-label, page-login-session ion-content .list-box .label-box page-chat-contact ion-label, page-login-session ion-content .list-box .list-section .detail page-chat-contact ion-label, page-onboarding-setting ion-content .list-box .label-box page-chat-contact ion-label, page-onboarding-setting ion-content .list-box .list-section .detail page-chat-contact ion-label {
  font-size: 1.5rem !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-chat-contact ion-header ion-input {
  font-size: 1.7rem;
  font-family: 'regular';
  color: black;
}

page-chat-contact ion-header input::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-chat-contact ion-header input::-moz-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-chat-contact ion-header input::-ms-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-chat-contact ion-header input::placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-chat-contact ion-header ion-icon {
  font-size: 1.8em;
}

page-chat-contact ion-content .list-box .label-box {
  border-bottom: 1px solid #E2E9ED;
}

page-chat-contact ion-content .list-box .btn-box {
  border-bottom: 1px solid #E2E9ED;
}

page-chat-contact ion-content .list-box .btn-box .circle-plus {
  margin-right: 11px;
  background: #F68A22;
  width: 43px;
  height: 43px;
  border-radius: 200px;
  color: #ffffff;
}

page-chat-contact ion-content .list-box .btn-box .btn-add-group {
  font-size: 1.8rem !important;
  color: #F68A22 !important;
  font-family: 'roboto' !important;
}

page-chat-contact ion-content .list-box .list-section {
  border-bottom: 1px solid #E2E9ED;
  padding: 5px 16px;
}

page-chat-contact ion-content .list-box .list-section .detail {
  overflow: hidden;
}

page-chat-contact ion-content .list-box .list-section .detail h2 {
  font-size: 1.5rem;
  font-family: 'roboto';
  color: #58595B;
  margin: 0 0 1px 0;
  text-transform: capitalize;
}

page-chat-contact .skeleton-box .skeleton-section {
  width: 100%;
}

page-chat-contact .skeleton-box .skeleton-section .avatar-skeleton {
  position: absolute;
  text-align: left;
  width: 40px;
  height: 40px;
  margin: 14px 10px 10px 20px;
  background-color: #DEDEDE;
  text-align: left;
  border-radius: 50%;
}

page-chat-contact .skeleton-box .skeleton-section .detail-skeleton .name-skeleton {
  padding: 8px 20px 8px 16px;
  margin-bottom: 5px !important;
  margin: 20px 120px 10px 70px;
  border-radius: 5px;
  background: #DEDEDE;
}

page-chat-contact .skeleton-box .skeleton-section .detail-skeleton .title-skeleton {
  padding: 5px 20px 5px 16px;
  margin-bottom: 10px !important;
  margin: 2px 150px 10px 70px;
  border-radius: 5px;
  background: #DEDEDE;
}

ion-footer .footer-wrapper .toggle-section page-chat-group ion-label, page-chat-group ::-webkit-input-placeholder, page-chat-group ion-footer .footer-wrapper .toggle-section ion-label, page-chat-group page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-chat-group ion-label {
  color: #A5B0B7 !important;
  font-family: 'regular' !important;
}

ion-footer .footer-wrapper .toggle-section page-chat-group ion-label, page-chat-group ::-moz-placeholder, page-chat-group ion-footer .footer-wrapper .toggle-section ion-label, page-chat-group page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-chat-group ion-label {
  color: #A5B0B7 !important;
  font-family: 'regular' !important;
}

ion-footer .footer-wrapper .toggle-section page-chat-group ion-label, page-chat-group ::-ms-input-placeholder, page-chat-group ion-footer .footer-wrapper .toggle-section ion-label, page-chat-group page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-chat-group ion-label {
  color: #A5B0B7 !important;
  font-family: 'regular' !important;
}

ion-footer .footer-wrapper .toggle-section page-chat-group ion-label, page-chat-group ::placeholder, page-chat-group ion-footer .footer-wrapper .toggle-section ion-label, page-chat-group page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-chat-group ion-label {
  color: #A5B0B7 !important;
  font-family: 'regular' !important;
}

page-chat-group ::-webkit-input-placeholder {
  font-size: 15px !important;
}

page-chat-group ::-moz-placeholder {
  font-size: 15px !important;
}

page-chat-group ::-ms-input-placeholder {
  font-size: 15px !important;
}

page-chat-group ::placeholder {
  font-size: 15px !important;
}

page-chat-group ion-header ion-navbar {
  padding: 0px 20px 0px 20px !important;
}

page-chat-group ion-header ion-icon {
  font-size: 1.8em;
  font-weight: bold;
}

page-chat-group ion-content .chat-section > * {
  max-width: 80%;
  font-size: 15px;
}

page-chat-group ion-content .chat-section ion-label {
  margin: 11px 0;
}

page-chat-group ion-content .chat-section .label-box-chat-other {
  text-align: left;
  margin: 11px 0;
}

page-chat-group ion-content .chat-section .label-box-chat-me {
  text-align: right;
  margin: 11px 0;
}

page-chat-group ion-content .chat-section .day-chat-label {
  margin: 0 0 19px 0;
  color: #A5B0B7;
  text-align: center;
  width: 100%;
  max-width: 100%;
}

page-chat-group ion-content .chat-section .me-chat-box {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-chat-group ion-content .chat-section .me-chat-box .me-chat {
  background: #E1F7F8;
  padding: 14px 16px;
  text-align: left;
  margin-bottom: 5px;
  display: inline-block;
  color: #58595B;
}

page-chat-group ion-content .chat-section .me-image-box {
  text-align: right;
}

page-chat-group ion-content .chat-section .me-image-box .me-image {
  background: #E1F7F8;
  padding: 1px 6px 3px 6px;
  text-align: left;
  margin-bottom: 5px;
  display: inline-block;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
  max-width: 220px;
  color: #58595B;
}

page-chat-group ion-content .chat-section .me-image-box .me-image image-component img {
  border-radius: 23px 0 0 23px;
  margin-top: 5px;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 200px;
  width: 100%;
}

page-chat-group ion-content .chat-section .me-image-box .me-image .caption-image {
  margin: 6px 11px;
}

page-chat-group ion-content .chat-section .me-attach-pdf {
  background: #E8DDC0;
  padding: 9px 20px 9px 15px;
  border-radius: 0 25px 25px 0;
  margin-bottom: 6px;
  color: #58595B;
  width: 100%;
  max-width: 500px;
  position: relative;
}

page-chat-group ion-content .chat-section .me-attach-pdf ion-label {
  margin: 0;
  padding-left: 9px;
  width: 100%;
}

page-chat-group ion-content .chat-section .me-attach-pdf .file-type {
  position: absolute;
  top: 9px;
  left: 19px;
  font-size: 0.9rem !important;
  font-weight: 700;
}

page-chat-group ion-content .chat-section .me-attach-doc {
  background: #C0E3E8;
  padding: 9px 20px 9px 15px;
  border-radius: 0 25px 25px 0;
  margin-bottom: 6px;
  color: #58595B;
  width: 100%;
  max-width: 500px;
  position: relative;
}

page-chat-group ion-content .chat-section .me-attach-doc ion-label {
  margin: 0;
  padding-left: 9px;
  width: 100%;
}

page-chat-group ion-content .chat-section .me-attach-doc .file-type {
  position: absolute;
  top: 9px;
  left: 19px;
  font-size: 0.9rem !important;
  font-weight: 700;
}

page-chat-group ion-content .chat-section .me-attach-xls {
  background: #D8E8C0;
  padding: 9px 20px 9px 15px;
  border-radius: 0 25px 25px 0;
  margin-bottom: 6px;
  color: #58595B;
  width: 100%;
  max-width: 500px;
  position: relative;
}

page-chat-group ion-content .chat-section .me-attach-xls ion-label {
  margin: 0;
  padding-left: 9px;
}

page-chat-group ion-content .chat-section .me-attach-xls .file-type {
  position: absolute;
  top: 9px;
  left: 19px;
  font-size: 0.9rem !important;
  font-weight: 700;
}

page-chat-group ion-content .chat-section .me-chat-radius {
  border-radius: 26px 0 0 26px;
}

page-chat-group ion-content .chat-section .me-chat-row:last-child .me-chat-radius {
  border-radius: 26px 0 26px 26px;
  margin-bottom: 35px;
}

page-chat-group ion-content .chat-section .me-chat-row:last-child image-component img {
  border-radius: 23px 0 23px 23px;
}

page-chat-group ion-content .chat-section .me-chat-row:last-child .other-image {
  padding: 0px 6px 1px 6px;
}

page-chat-group ion-content .chat-section .other-chat-box .other-chat {
  background: #E1F7F8;
  padding: 14px 16px;
  text-align: left;
  margin-bottom: 5px;
  display: inline-block;
  color: #58595B;
}

page-chat-group ion-content .chat-section .other-image-box .other-image {
  background: #E1F7F8;
  padding: 0px 6px 2px 6px;
  text-align: left;
  margin-bottom: 5px;
  display: inline-block;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 80%;
  max-width: 220px;
  color: #58595B;
}

page-chat-group ion-content .chat-section .other-image-box .other-image image-component img {
  border-radius: 0 23px 23px 0;
  margin-top: 5px;
  -o-object-fit: cover;
  object-fit: cover;
  max-height: 200px;
  width: 100%;
}

page-chat-group ion-content .chat-section .other-image-box .other-image .caption-image {
  margin: 6px 11px;
}

page-chat-group ion-content .chat-section .other-attach-pdf {
  background: #E8DDC0;
  padding: 12px 20px 12px 15px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  margin-bottom: 6px;
  color: #58595B;
  max-width: 500px;
  position: relative;
}

page-chat-group ion-content .chat-section .other-attach-pdf ion-label {
  margin: 0;
  padding-left: 9px;
}

page-chat-group ion-content .chat-section .other-attach-pdf .file-type {
  position: absolute;
  top: 10px;
  left: 18px;
  font-size: 0.9rem !important;
  font-weight: 700;
}

page-chat-group ion-content .chat-section .other-attach-doc {
  background: #C0E3E8;
  padding: 12px 20px 12px 15px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  margin-bottom: 6px;
  color: #58595B;
  max-width: 500px;
  position: relative;
}

page-chat-group ion-content .chat-section .other-attach-doc ion-label {
  margin: 0;
  padding-left: 9px;
}

page-chat-group ion-content .chat-section .other-attach-doc .file-type {
  position: absolute;
  top: 10px;
  left: 18px;
  font-size: 0.9rem !important;
  font-weight: 700;
}

page-chat-group ion-content .chat-section .other-attach-xls {
  background: #D8E8C0;
  padding: 12px 20px 12px 15px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  margin-bottom: 6px;
  color: #58595B;
  max-width: 500px;
  position: relative;
}

page-chat-group ion-content .chat-section .other-attach-xls ion-label {
  margin: 0;
  padding-left: 9px;
}

page-chat-group ion-content .chat-section .other-attach-xls .file-type {
  position: absolute;
  top: 10px;
  left: 18px;
  font-size: 0.9rem !important;
  font-weight: 700;
}

page-chat-group ion-content .chat-section .other-chat-radius {
  border-radius: 0 26px 26px 0;
}

page-chat-group ion-content .chat-section .other-chat-row:last-child .other-chat-radius {
  border-radius: 0 26px 26px 26px;
  margin-bottom: 35px;
}

page-chat-group ion-content .chat-section .other-chat-row:last-child image-component img {
  border-radius: 0 23px 23px 23px;
}

page-chat-group ion-content .chat-section .other-chat-row:last-child .other-image {
  padding: 0px 6px 1.3px 6px;
}

page-chat-group ion-footer .footer-wrapper {
  padding: 18px 0 18px 14px;
}

page-chat-group ion-footer .footer-wrapper .upload-section {
  margin-right: 14px;
}

page-chat-group ion-footer .footer-wrapper .upload-section img {
  -webkit-filter: invert(77%) sepia(99%) saturate(2976%) hue-rotate(314deg) brightness(102%) contrast(99%);
  filter: invert(77%) sepia(99%) saturate(2976%) hue-rotate(314deg) brightness(102%) contrast(99%);
  width: 34px;
  height: 34px;
}

page-chat-group ion-footer .footer-wrapper .toggle-section ion-label {
  font-size: 15px !important;
  margin: 0;
}

page-chat-group ion-footer .footer-wrapper .toggle-section ion-toggle {
  height: 45px;
  padding: 12px 7px 12px 0;
}

page-chat-group ion-footer .footer-wrapper .toggle-section #myInput {
  border: 1px solid #dbdbe1;
  border-radius: 30px;
  width: 100%;
  padding: 15px 15px;
  resize: none;
  max-height: 500px;
}

page-chat-group ion-footer .footer-wrapper .fab-box {
  width: 48px;
  height: 48px;
}

page-chat-group ion-footer .footer-wrapper .fab-box .shadow-section {
  width: 33px;
  height: 23px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 15px 20px #F68A22;
  box-shadow: 0px 15px 20px #F68A22;
  background: #F68A22;
}

page-chat-group ion-footer .footer-wrapper .fab-box button {
  position: absolute;
  width: 48px;
  height: 48px;
  padding: 0;
  margin: 0;
}

page-chat-group ion-footer .footer-wrapper .fab-box button .icon-section {
  width: 48px;
  height: 48px;
  padding-left: 7px;
  background: #F68A22;
  border-radius: 100%;
}

page-chat-group ion-footer .footer-wrapper .fab-box button .icon-section ion-icon {
  font-size: 30px;
  color: white;
}

page-chat-group-edit {
  background-color: #f2f5f8;
}

page-chat-group-edit .item-md.item-block .item-inner {
  border: none;
}

page-chat-group-edit ion-header .toolbar-background,
page-chat-group-edit .card-wrapper {
  background-image: -webkit-gradient(linear, left top, right top, from(#F68A22), to(#F68A22));
  background-image: linear-gradient(to right, #F68A22, #F68A22);
}

page-chat-group-edit ion-header .toolbar-title {
  color: white !important;
}

page-chat-group-edit ion-header ion-icon {
  color: white !important;
}

page-chat-group-edit .container {
  padding-top: 50px;
}

page-chat-group-edit .container .image-box img {
  border-radius: 50px !important;
  height: 100px !important;
  width: 100px !important;
  -o-object-fit: cover;
  object-fit: cover;
}

page-chat-group-edit .container .input-box {
  width: 80%;
  padding-top: 10px;
  border-bottom: 1px solid #DEDEDE;
  /* webkit solution */
  /* mozilla solution */
}

page-chat-group-edit .container .input-box ::-webkit-input-placeholder {
  text-align: center;
}

page-chat-group-edit .container .input-box input:-moz-placeholder {
  text-align: center;
}

page-chat-group-edit input {
  text-align: center;
}

@media only screen and (min-height: 750px) {
  page-chat-group-edit .container {
    padding-top: 100px;
  }
}

page-chat-group-info {
  font-family: 'Roboto' !important;
  /* Responsive layout - hidding image-box on dekstop */
}

page-chat-group-info .transparan {
  background: transparent;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

page-chat-group-info .opaque {
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
  background: white;
}

page-chat-group-info .opaque .back-button {
  color: black;
}

page-chat-group-info .back-button {
  color: white;
}

page-chat-group-info .full-content {
  background-color: white;
  height: 100%;
  overflow-y: auto;
  position: relative;
}

page-chat-group-info .full-content #topsite {
  position: absolute;
  width: 1px;
  height: 1px;
  background: transparent;
  top: 40.36vh;
  left: 0;
}

page-chat-group-info .full-content .banner-frame {
  position: relative;
}

page-chat-group-info .full-content .banner-frame .photo-banner {
  height: 40.36vh;
  background-color: rgba(0, 0, 0, 0.9);
  overflow-y: hidden;
}

page-chat-group-info .full-content .banner-frame .photo-filter {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#231f20), color-stop(rgba(35, 31, 32, 0)), to(#231f20));
  background-image: linear-gradient(#231f20, rgba(35, 31, 32, 0), #231f20);
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 1;
  pointer-events: none;
  opacity: 0.61;
}

page-chat-group-info .full-content .banner-frame image-component img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 41.36vh;
  width: 10000px;
}

page-chat-group-info .full-content .banner-frame .group-name {
  position: absolute;
  bottom: 40px;
  left: 16px;
  font-size: 20px !important;
  color: #fff;
  z-index: 1;
}

page-chat-group-info .full-content .banner-frame .created-by {
  position: absolute;
  bottom: 25px;
  left: 16px;
  font-size: 20px !important;
  color: #fff;
  z-index: 1;
}

page-chat-group-info .full-content .banner-frame .edit-group {
  position: absolute;
  bottom: 35px;
  right: 16px;
  font-size: 15px;
  color: #fff;
  font-size: 22px;
  z-index: 1;
}

page-chat-group-info .full-content ion-segment {
  border-bottom: 1px solid #dbdbe1 !important;
}

page-chat-group-info .full-content ion-segment ion-segment-button {
  font-size: 15px !important;
  height: 60px !important;
}

page-chat-group-info .full-content .item-md.item-block .item-inner {
  border: none;
}

page-chat-group-info .full-content .general-info-section {
  height: 100%;
  padding-bottom: 26px;
}

page-chat-group-info .full-content .general-info-section .contact-box {
  border-bottom: 1px solid #dbdbe1;
  padding: 10px 16px;
}

page-chat-group-info .full-content .general-info-section .contact-box .username-box ion-label {
  max-width: 100%;
}

page-chat-group-info .full-content .general-info-section .contact-box .username {
  font-size: 15px !important;
  color: #333333 !important;
}

page-chat-group-info .full-content .general-info-section .contact-box .position {
  font-size: 15px !important;
  color: #A5B0B7 !important;
}

page-chat-group-info .full-content .general-info-section .contact-box .group-as {
  font-size: 15px !important;
  color: #F68A22 !important;
}

page-chat-group-info .full-content .general-info-section .box-total-contact {
  height: 42px;
  border-bottom: 1px solid #dbdbe1 !important;
}

page-chat-group-info .full-content .general-info-section ion-item:first-child {
  border-top: 1px solid #dbdbe1 !important;
}

page-chat-group-info .full-content .general-info-section ion-item {
  height: 77px;
  border-bottom: 1px solid #dbdbe1 !important;
}

page-chat-group-info .full-content .general-info-section ion-item ion-avatar {
  padding-left: 18px;
}

page-chat-group-info .full-content .general-info-section ion-item ion-label {
  margin-left: 24px;
}

page-chat-group-info .full-content .general-info-section ion-item .btn-add-group {
  font-size: 18px;
  color: #F68A22;
}

page-chat-group-info .full-content .general-info-section ion-item .total-contact {
  font-size: 15px;
  color: #8e9093;
}

page-chat-group-info .full-content .general-info-section ion-item .circle-plus {
  background: #F68A22;
  width: 49px;
  height: 49px;
  border-radius: 200px;
  color: #f4f4f4;
  font-size: 22px;
}

page-chat-group-info .full-content .general-info-section ion-item:last-child {
  border-bottom: 0px solid #dbdbe1 !important;
}

page-chat-group-info .full-content .general-info-section button {
  background-color: #EFBA0A;
  border-radius: 200px;
  width: 222px;
  height: 48px;
  text-align: center;
  margin: 0 auto;
}

page-chat-group-info .full-content .media-bigbox .media-box {
  border-bottom: 12px solid #f2f5f8 !important;
  width: 100%;
}

page-chat-group-info .full-content .media-bigbox .media-box .title-section {
  width: 100%;
  padding: 5px 5px 15px 5px;
  color: #808080;
}

page-chat-group-info .full-content .media-bigbox .media-box .image-section {
  min-width: 100% !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-chat-group-info .full-content .media-bigbox .media-box .image-section img {
  max-width: 100%;
  padding: 5px 5px 5px 5px;
  height: 100px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media screen and (min-width: 1400px) {
  page-chat-group-info .full-content .media-bigbox .media-box .image-section img {
    max-width: 100%;
    padding: 5px 5px 5px 5px;
    height: 140px;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

page-chat-group-info .full-content .media-bigbox .media-box .document-section {
  min-width: 100% !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100% !important;
}

page-chat-group-info .full-content .media-bigbox .media-box .document-section .document-list {
  position: relative;
  padding: 0px 5px 0px 5px;
  margin: 5px 0px 5px 0px;
  border-radius: 50px;
  background-color: #e3e3e3;
}

page-chat-group-info .full-content .media-bigbox .media-box .document-section .document-list img {
  padding-left: 5px;
  width: 25px;
  text-align: center;
}

page-chat-group-info .full-content .media-bigbox .media-box .document-section .document-list .file-type {
  position: absolute;
  top: 20%;
  left: 5%;
  font-size: 0.9rem !important;
  font-weight: 700;
}

page-chat-group-info .full-content .media-bigbox .media-box .document-section .document-list ion-label {
  width: 200px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 2rem;
  color: #464646 !important;
}

page-chat-group-info .full-content .media-bigbox .media-box .document-section .document-list ion-icon {
  color: #464646 !important;
  padding-right: 10px;
}

page-chat-group-info .full-content .media-bigbox .media-box .document-section .document-doc {
  background-color: #C0E3E8 !important;
}

page-chat-group-info .full-content .media-bigbox .media-box .document-section .document-xls {
  background-color: #D8E8C0 !important;
}

page-chat-group-info .full-content .media-bigbox .media-box .document-section .document-pdf {
  background-color: #E8DDC0 !important;
}

page-chat-group-info .full-content .media-bigbox .media-box .url-section {
  min-width: 100% !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-chat-group-info .full-content .media-bigbox .media-box .url-section .url {
  padding: 10px 15px 10px 15px;
  margin: 5px 0px 5px 0px;
  background-color: #F0F6F9;
  border-radius: 30px;
  color: #00A9BE;
}

page-chat-group-info .full-content .more {
  text-align: right;
  color: #F68A22;
  padding-top: 5px;
}

page-chat-group-info .skeleton-box .skeleton-section {
  width: 100%;
}

page-chat-group-info .skeleton-box .skeleton-section .avatar-skeleton {
  position: absolute;
  text-align: left;
  width: 40px;
  height: 40px;
  margin: 14px 10px 10px 20px;
  background-color: #DEDEDE;
  text-align: left;
  border-radius: 50%;
}

page-chat-group-info .skeleton-box .skeleton-section .detail-skeleton .name-skeleton {
  padding: 8px 20px 8px 16px;
  margin-bottom: 5px !important;
  margin: 20px 130px 10px 70px;
  border-radius: 2px;
  background: #DEDEDE;
}

page-chat-group-info .skeleton-box .skeleton-section .detail-skeleton .title-skeleton {
  padding: 5px 20px 5px 16px;
  margin-bottom: 10px !important;
  margin: 2px 170px 10px 70px;
  border-radius: 2px;
  background: #DEDEDE;
}

@media screen and (min-width: 1000px) {
  page-chat-group-info .full-content .media-bigbox .media-box {
    border-bottom: 0px !important;
  }
}

page-chat-image-preview img {
  -o-object-fit: cover;
  object-fit: cover;
}

page-chat-image-preview ion-header .toolbar-background {
  background-color: black !important;
}

page-chat-image-preview ion-header ion-label {
  color: #FFFFFF !important;
}

page-chat-image-preview ion-header .name {
  font-size: 1.8rem;
}

page-chat-image-preview ion-header .date {
  font-size: 1.5rem;
}

page-chat-image-preview ion-header img {
  width: 24px;
  height: 24px;
}

page-chat-image-preview ion-header button.back-button {
  color: #f4f4f4;
}

page-chat-image-preview ion-content {
  background-color: #000000 !important;
  padding: 16px 0;
}

page-chat-image-preview ion-content .container {
  height: 100%;
}

page-chat-image-preview ion-content .container .big-box {
  margin-bottom: 10px;
  height: 360px;
}

page-chat-image-preview ion-content .container .big-box img {
  max-height: 360px;
  max-width: 100%;
}

page-chat-image-preview ion-content .container .small-box {
  padding: 0px 16px;
}

page-chat-image-preview ion-content .container .small-box .small-section {
  margin: 0px 5px;
  width: 100px !important;
}

page-chat-image-preview ion-content .container .small-box .small-section img {
  height: 90px;
  width: 90px;
}

page-chat-image-preview ion-footer .toolbar-background {
  background-color: black !important;
}

page-chat-image-preview ion-footer .small-box img {
  height: 90px;
  width: 90px;
  border-radius: 2px;
}

page-chat-list {
  background-color: #f2f5f8;
}

page-chat-list .item-md.item-block .item-inner {
  border: none;
}

page-chat-list ion-header ion-input {
  font-size: 1.7rem;
  font-family: 'regular';
  color: black;
}

page-chat-list ion-header input::-webkit-input-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-chat-list ion-header input::-moz-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-chat-list ion-header input::-ms-input-placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-chat-list ion-header input::placeholder {
  color: #A5B0B7;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-chat-list ion-header ion-icon {
  font-size: 1.8em;
}

page-chat-list ion-fab {
  bottom: 20px;
  right: 20px;
}

page-chat-list .container-message {
  font-family: 'Roboto' !important;
  height: 77px;
  border-bottom: 1px solid #dbdbe1 !important;
  padding-left: 18px;
  padding-right: 18px;
}

page-chat-list .container-message .chat {
  overflow: hidden;
  padding-left: 10px !important;
}

page-chat-list .container-message .chat .username {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
}

page-chat-list .container-message .chat .slug {
  font-size: 14px;
  color: #c5c9cc;
}

page-chat-list .container-message .chat ion-label {
  margin: 0px !important;
  color: #c5c9cc !important;
}

page-chat-list .container-message .info .time {
  font-size: 14px;
  color: #c5c9cc;
}

page-chat-list .container-message .info .badge-box .badge {
  font-size: 10px;
  border-radius: 30px !important;
  padding: 5px 7px;
  background-color: colors((primary: #F68A22, secondary: #63BEFB, danger-low: #fb745e, light: #f4f4f4, dark: #222, favorite: #39B44A, darkgrey: #8e9093, emerald: #3498db, concrete: #bdc3c7, yellow: #ffff00, black: #000000, grey: #808080, red: #ed4956, notif: #17DFC4, new-badge: #63BEFB, accent: #63BEFB, skeleton: #dddddd, outline: #dbdbe1, secondary-text: #A5B0B7, text: #192528, label: #333333, hover: #eff2f4, hover-dark: rgba(162, 162, 162, 0.1), bgcard: #f2f5f8, bgcard2: #fcfcfc, bglabel: #E2E9ED, primary-light: #08b2be, bgicon: rgba(226, 233, 237, 0.6), primary-text: #189dae, white: #FFFFFF, success: #2BB34D, info: #1A73E8, warning: #FFAB00, danger: #F0624D, tam: #CC0400), favorite);
}

page-chat-list .container-message .personal-info .time {
  padding-top: 4px;
}

page-chat-list .container-message .group-info .group img {
  width: 30px;
}

page-chat-list .container-message .group-info .badge-box {
  position: relative;
  height: 0;
  top: -6px;
}

page-chat-list .head-box {
  overflow: hidden;
  background-image: -webkit-gradient(linear, left top, right top, from(#F68A22), to(#F68A22));
  background-image: linear-gradient(to right, #F68A22, #F68A22);
  position: relative;
  width: 100%;
  height: 50%;
}

page-chat-list .head-box .section-logo {
  padding-top: 30%;
}

page-chat-list .head-box .section-cloud {
  width: 100%;
  padding-top: 5%;
}

page-chat-list .head-box .section-cloud .cloud {
  width: 100%;
}

page-chat-list .foot-box {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 50%;
}

page-chat-list .foot-box .welcome-text {
  width: 100%;
  font-family: 'Roboto' !important;
}

page-chat-list .foot-box .welcome-text .text-big {
  font-size: 2.7rem;
  color: #58595B;
}

page-chat-list .foot-box .welcome-text .text-small {
  font-size: 1.5rem;
  color: #A5B0B7;
}

page-chat-list .foot-box .button-create button {
  background-color: linear-gradient(to right, #F68A22, #F68A22) !important;
  color: linear-gradient(to right, #F68A22, #F68A22) !important;
  -webkit-box-shadow: -1px 16px 43px -1px rgba(0, 169, 190, 0.33) !important;
  box-shadow: -1px 16px 43px -1px rgba(0, 169, 190, 0.33) !important;
}

page-chat-list .skeleton-section {
  border-bottom: 1px solid #dbdbe1 !important;
}

page-chat-list .skeleton-section .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

page-chat-list .skeleton-section .chat-skeleton {
  height: 40px;
}

page-chat-list .skeleton-section .chat-skeleton .username {
  background-color: #DEDEDE !important;
  margin: 25px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 60px;
  border-radius: 2px;
}

page-chat-list .skeleton-section .chat-skeleton .slug {
  background-color: #DEDEDE !important;
  margin: 10px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 150px;
  border-radius: 2px;
}

page-chat-list .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

page-chat-list .responsive-width-border {
  padding: 0px 10px 0px 10px;
  border-left: 1px solid #dbdbe1 !important;
  border-right: 1px solid #dbdbe1 !important;
}

@media only screen and (min-width: 390px) {
  page-chat-list .head-box {
    background-image: -webkit-gradient(linear, left top, right top, from(#F68A22), to(#F68A22));
    background-image: linear-gradient(to right, #F68A22, #F68A22);
    position: relative;
  }
  page-chat-list .head-box .section-logo {
    padding-top: 50%;
  }
  page-chat-list .head-box .section-cloud {
    visibility: hidden;
    width: 100%;
    padding-top: 5%;
  }
  page-chat-list .head-box .section-cloud .cloud {
    -webkit-transform: scale(10) !important;
    transform: scale(10) !important;
  }
  page-chat-list .foot-box {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 50%;
  }
  page-chat-list .foot-box .welcome-text {
    width: 100%;
    font-family: 'Roboto' !important;
  }
  page-chat-list .foot-box .welcome-text .text-big {
    font-size: 3.7rem;
    color: #58595B;
  }
  page-chat-list .foot-box .welcome-text .text-small {
    font-size: 2.5rem;
    color: #A5B0B7;
  }
}

@media only screen and (min-width: 500px) {
  page-chat-list .container-message {
    height: 85px;
  }
  page-chat-list .container-message .avatar {
    max-width: 50px !important;
  }
  page-chat-list .container-message .chat {
    max-width: 80% !important;
  }
  page-chat-list .container-message .info {
    max-width: 10% !important;
  }
}

@media only screen and (min-width: 768px) {
  page-chat-list ion-navbar.toolbar {
    background-color: white !important;
  }
  page-chat-list ion-navbar.toolbar .toolbar-title-ios .chat-title .typing-sign {
    position: absolute;
    color: #fff;
    font-weight: 10;
    font-size: 0.9rem;
    margin-top: 32px !important;
  }
  page-chat-list .typing-sign {
    color: #F68A22 !important;
  }
  page-chat-list .chat-box {
    margin-top: 20px !important;
    margin-right: 4vw;
    margin-left: 4vw;
  }
  page-chat-list ion-content {
    background-color: #EFF2F4 !important;
  }
  page-chat-list ion-content .scroll-content {
    background-color: white !important;
    margin-right: 14vw !important;
    margin-left: 10vw !important;
  }
  page-chat-list .skeleton-box {
    margin-top: 20px !important;
    margin-right: 4vw;
    margin-left: 4vw;
  }
}

page-chat-personal .me-chat-last {
  border-radius: 25px 0 25px 25px !important;
  margin-bottom: 10px;
}

page-chat-personal .me-image-last {
  border-radius: 32px 0 32px 32px !important;
}

page-chat-personal .me-image-last img {
  border-radius: 32px 0 32px 32px !important;
}

page-chat-personal .other-chat-last {
  border-radius: 0 25px 25px 25px !important;
  margin-bottom: 10px;
}

page-chat-personal .other-image-last {
  border-radius: 0 32px 32px 32px !important;
}

page-chat-personal .other-image-last img {
  border-radius: 0 32px 32px 32px !important;
}

page-chat-personal .chat-photo image-component {
  width: 40px;
  height: 40px;
  margin: 5px 10px 5px 0px;
  color: #58595B;
  text-align: left;
}

page-chat-personal .chat-photo image-component img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

page-chat-personal .toolbar-title-md {
  padding: 0px;
}

page-chat-personal .toolbar-title-ios .chat-photo image-component {
  width: 30px;
  height: 30px;
  color: #58595B;
  text-align: left;
}

page-chat-personal .toolbar-title-ios .chat-photo image-component img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}

page-chat-personal .chat-title .label-md {
  color: white !important;
  width: 230px;
}

page-chat-personal .chat-title .label-ios {
  color: white !important;
  text-overflow: ellipsis;
  text-align: left;
  width: 220px;
}

@media only screen and (max-width: 360px) {
  page-chat-personal .chat-title .label-md {
    color: white !important;
    width: 200px;
  }
  page-chat-personal .chat-title .label-ios {
    color: white !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
    width: 180px !important;
  }
}

page-chat-personal .text-empty {
  height: 39px !important;
}

page-chat-personal ion-navbar.toolbar {
  background-color: white !important;
}

page-chat-personal ion-navbar.toolbar .toolbar-title-ios .chat-title .typing-sign {
  position: absolute;
  color: #fff;
  font-weight: 10;
  font-size: 0.9rem;
  margin-top: 32px !important;
}

page-chat-personal .toolbar-ios ion-title {
  padding: 0px 20px 2px 75px;
}

page-chat-personal .date-chat {
  position: relative;
  color: #A5B0B7 !important;
  margin-top: 5px;
}

page-chat-personal ion-infinite-scroll {
  padding-top: 500px;
}

page-chat-personal .shrink-size {
  height: 47px !important;
}

page-chat-personal .ion-btn-back {
  float: left;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  top: 10px;
}

page-chat-personal .btn-back {
  font-size: 2rem;
}

page-chat-personal .file-thumbnail {
  position: relative;
}

page-chat-personal .file-type-label-other {
  margin: auto;
  padding-left: 9px !important;
  width: 100%;
}

page-chat-personal .file-type-label-me {
  margin: auto;
  padding-left: 9px !important;
  width: 100%;
}

page-chat-personal .file-type-other {
  position: absolute;
  top: 0px;
  left: 1px;
  width: 26.7px;
  text-align: center;
  font-size: 1rem !important;
  font-weight: 700;
  height: 15.7px;
  overflow: hidden;
}

page-chat-personal .file-type-me {
  position: absolute;
  top: 0px;
  left: 1px;
  width: 26.7px;
  text-align: center;
  font-size: 1rem !important;
  font-weight: 700;
  height: 15.7px;
  overflow: hidden;
}

page-chat-personal .typing-sign {
  position: absolute;
  color: #fff;
  font-weight: 10;
  font-size: 1rem;
  margin-top: 35px;
}

page-chat-personal #btn-add {
  border-radius: 50%;
  width: 45px;
  height: 45px;
  font-size: 3rem;
}

page-chat-personal .span {
  position: relative;
  top: 6px;
  left: 10px;
  font-weight: bold;
  color: dodgerblue;
}

page-chat-personal .img {
  width: 40px;
  height: 40px;
  position: relative;
  left: -10px;
  border-radius: 50%;
}

page-chat-personal .content-name {
  position: relative;
  top: 5px;
}

page-chat-personal .chat-container {
  margin-top: 2px;
  width: 100%;
}

page-chat-personal ion-label .chat-info-group {
  position: relative;
  height: 10px !important;
}

ion-footer .footer-wrapper .toggle-section page-chat-personal ion-label, page-chat-personal ::-webkit-input-placeholder, page-chat-personal ion-footer .footer-wrapper .toggle-section ion-label, page-chat-personal page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-chat-personal ion-label {
  color: #a5b0b7 !important;
  font-family: 'regular' !important;
}

ion-footer .footer-wrapper .toggle-section page-chat-personal ion-label, page-chat-personal ::-moz-placeholder, page-chat-personal ion-footer .footer-wrapper .toggle-section ion-label, page-chat-personal page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-chat-personal ion-label {
  color: #a5b0b7 !important;
  font-family: 'regular' !important;
}

ion-footer .footer-wrapper .toggle-section page-chat-personal ion-label, page-chat-personal ::-ms-input-placeholder, page-chat-personal ion-footer .footer-wrapper .toggle-section ion-label, page-chat-personal page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-chat-personal ion-label {
  color: #a5b0b7 !important;
  font-family: 'regular' !important;
}

ion-footer .footer-wrapper .toggle-section page-chat-personal ion-label, page-chat-personal ::placeholder, page-chat-personal ion-footer .footer-wrapper .toggle-section ion-label, page-chat-personal page-post2 ion-content .box .footer .toggle-section ion-label, page-post2 ion-content .box .footer .toggle-section page-chat-personal ion-label {
  color: #a5b0b7 !important;
  font-family: 'regular' !important;
}

page-chat-personal ::-webkit-input-placeholder {
  font-size: 15px !important;
}

page-chat-personal ::-moz-placeholder {
  font-size: 15px !important;
}

page-chat-personal ::-ms-input-placeholder {
  font-size: 15px !important;
}

page-chat-personal ::placeholder {
  font-size: 15px !important;
}

page-chat-personal ion-content .time-chat-other {
  text-align: left;
  padding: 6px 0px 5px 0px;
  color: #AAAAAA !important;
  font-size: 12px;
}

page-chat-personal ion-content .time-chat-other-group {
  text-align: left;
  padding: 6px 0px 5px 5px;
  color: #AAAAAA !important;
  font-size: 12px;
}

page-chat-personal ion-content .time-chat-other-group-geserdikit {
  padding: 6px 0px 5px 52px !important;
  font-size: 12px;
}

page-chat-personal ion-content .time-chat-me {
  text-align: right;
  padding: 6px 0px 5px 5px;
  color: #AAAAAA !important;
  font-size: 12px;
}

page-chat-personal ion-content .name-chat-me {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #58595B;
  padding: 6px 0px 5px 5px;
  text-align: right !important;
  -webkit-align-content: right !important;
  -ms-flex-line-pack: right !important;
  align-content: right !important;
  font-size: 12px;
}

page-chat-personal ion-content .name-chat-other {
  padding: 6px 0px 5px 10px;
  color: #58595B;
  text-align: left;
  font-size: 12px;
}

page-chat-personal ion-content .name-chat-other-group {
  padding: 6px 0px 5px 50px;
  color: #58595B;
  text-align: left;
  font-size: 12px;
  max-width: 250px;
}

page-chat-personal ion-content .avatar-chat-other {
  position: absolute;
}

page-chat-personal ion-content .avatar-chat-other image-component {
  width: 40px;
  height: 40px;
  margin: 9px 0px 5px 0px;
  color: #58595B;
  text-align: left;
}

page-chat-personal ion-content .avatar-chat-other image-component img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 40px;
  height: 40px;
  border-radius: 50%;
}

page-chat-personal ion-content .day-chat-label {
  margin: 10px 0 10px 0;
  color: #A5B0B7;
  text-align: center;
  width: 100%;
  max-width: 100%;
}

page-chat-personal ion-content .chat-box {
  margin-top: 20px !important;
}

page-chat-personal ion-content .me-chat-box {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: all 250ms ease-in-out !important;
  transition: all 250ms ease-in-out !important;
  margin-bottom: 1.5px !important;
  width: 100%;
}

page-chat-personal ion-content .me-chat-box .me-chat {
  padding: 12px 16px 12px 20px;
  border-radius: 25px 0 0 25px;
  background-color: #E1F7F8;
  text-align: left;
  display: inline-block;
  color: #58595b;
  max-width: 80%;
  word-break: break-word;
  white-space: pre-line;
}

page-chat-personal ion-content .me-chat-box .me-chat-group {
  max-width: calc((100% - 50px) * 0.86) !important;
}

page-chat-personal ion-content .me-chat-box .me-image {
  text-align: right;
  background: #e1f7f8;
  padding: 6px 7px 4px 7px;
  border-radius: 32px 0 0 32px;
  text-align: left;
  display: inline-block;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -o-object-fit: cover;
  object-fit: cover;
  color: #58595b;
}

page-chat-personal ion-content .me-chat-box .me-image img {
  border-radius: 25px 0 0 25px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 200px;
  height: 174px;
}

page-chat-personal ion-content .me-chat-box .attach-pdf {
  background: #e8ddc0;
  padding: 8px 12px 8px 15px;
  border-radius: 23px 0 0 23px;
  color: #58595b;
  width: 350px;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

page-chat-personal ion-content .me-chat-box .attach-doc {
  background: #C0E3E8;
  padding: 8px 12px 8px 15px;
  border-radius: 23px 0 0 23px;
  color: #58595b;
  width: 350px;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

page-chat-personal ion-content .me-chat-box .attach-other {
  padding: 8px 12px 8px 15px;
  border-radius: 23px 0 0 23px;
  color: #58595b;
  width: 350px;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
}

page-chat-personal ion-content .me-chat-box .attach-xls {
  background: #d8e8c0;
  padding: 8px 12px 8px 15px;
  border-radius: 23px 0 0 23px;
  color: #58595b;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 350px;
  position: relative;
}

page-chat-personal ion-content .other-chat-box-group {
  margin-left: 50px !important;
  margin-bottom: 1.5px !important;
}

page-chat-personal ion-content .other-chat-box-group .other-chat {
  background: #F0F6F9;
  padding: 12px 20px 12px 16px;
  border-radius: 0px 25px 25px 0;
  text-align: left;
  display: inline-block;
  color: #58595b;
  max-width: 86%;
  word-break: break-word;
  white-space: pre-line;
}

page-chat-personal ion-content .other-chat-box-group .other-image {
  background: #F0F6F9;
  padding: 6px 7px 4px 7px;
  border-radius: 0 32px 32px 0;
  text-align: left;
  display: inline-block;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #58595b;
}

page-chat-personal ion-content .other-chat-box-group .other-image img {
  border-radius: 0 25px 25px 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 200px;
  height: 174px;
}

page-chat-personal ion-content .other-chat-box-group .attach-pdf {
  background: #e8ddc0;
  padding: 8px 15px 8px 10px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 350px;
  position: relative;
}

page-chat-personal ion-content .other-chat-box-group .attach-doc {
  background: #C0E3E8;
  padding: 8px 15px 8px 10px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 350px;
  position: relative;
}

page-chat-personal ion-content .other-chat-box-group .attach-other {
  padding: 8px 15px 8px 10px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 350px;
  position: relative;
}

page-chat-personal ion-content .other-chat-box-group .attach-xls {
  background: #d8e8c0;
  padding: 8px 15px 8px 10px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 350px;
  position: relative;
}

page-chat-personal ion-content .other-chat-box-group .attach-radius {
  border-radius: 0 25px 25px 25px !important;
}

page-chat-personal ion-content .other-chat-box {
  -webkit-transition: all 250ms ease-in-out !important;
  transition: all 250ms ease-in-out !important;
  border-radius: 5px 15px 3px 2px !important;
  margin-bottom: 1.5px !important;
}

page-chat-personal ion-content .other-chat-box .other-chat {
  background: #e1ebf0;
  padding: 12px 20px 12px 10px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  display: inline-block;
  color: #58595b;
  max-width: 80%;
  word-break: break-word;
  white-space: pre-line;
}

page-chat-personal ion-content .other-chat-box .other-image {
  background: #F0F6F9;
  padding: 6px 7px 4px 7px;
  border-radius: 0 32px 32px 0;
  text-align: left;
  display: inline-block;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  color: #58595b;
}

page-chat-personal ion-content .other-chat-box .other-image img {
  border-radius: 0 25px 25px 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 200px;
  height: 174px;
}

page-chat-personal ion-content .other-chat-box .attach-pdf {
  background: #e8ddc0;
  padding: 8px 15px 8px 10px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 350px;
  position: relative;
}

page-chat-personal ion-content .other-chat-box .attach-doc {
  background: #c0e3e8;
  padding: 8px 15px 8px 10px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 350px;
  position: relative;
}

page-chat-personal ion-content .other-chat-box .attach-other {
  padding: 8px 15px 8px 10px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 350px;
  position: relative;
}

page-chat-personal ion-content .other-chat-box .attach-xls {
  background: #d8e8c0;
  padding: 8px 15px 8px 10px;
  border-radius: 0 25px 25px 0;
  text-align: left;
  display: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 350px;
  position: relative;
}

page-chat-personal .skeleton-box {
  margin-top: 15px;
}

page-chat-personal .skeleton-box .me-chat-skeleton {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-transition: all 250ms ease-in-out !important;
  transition: all 250ms ease-in-out !important;
  border-radius: 5px 15px 3px 2px !important;
}

page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-a {
  padding: 14px 16px 14px 20px;
  border-radius: 25px 0 0 25px;
  margin: 2px 0px 2px 250px !important;
  background: #DEDEDE;
}

page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-b {
  padding: 14px 16px 14px 20px;
  border-radius: 25px 0 0 25px;
  margin: 2px 0px 2px 150px !important;
  background: #DEDEDE;
}

page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-c {
  padding: 14px 16px 14px 20px;
  border-radius: 25px 0 0 25px;
  margin: 2px 0px 2px 200px !important;
  background: #DEDEDE;
}

page-chat-personal .skeleton-box .other-chat-skeleton {
  -webkit-transition: all 250ms ease-in-out !important;
  transition: all 250ms ease-in-out !important;
  margin-top: 10px;
  border-radius: 5px 15px 3px 2px !important;
}

page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-a {
  padding: 14px 20px 14px 16px;
  margin-bottom: 10px !important;
  margin: 2px 250px 2px 0px !important;
  border-radius: 0px 25px 25px 0;
  background: #DEDEDE;
}

page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-b {
  padding: 14px 20px 14px 16px;
  margin-bottom: 10px !important;
  margin: 2px 150px 2px 0px !important;
  border-radius: 0px 25px 25px 0;
  background: #DEDEDE;
}

page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-c {
  padding: 14px 20px 14px 16px;
  margin-bottom: 10px !important;
  margin: 2px 200px 2px 0px !important;
  border-radius: 0px 25px 25px 0;
  background: #DEDEDE;
}

page-chat-personal .skeleton-group-box {
  margin-top: 15px;
}

page-chat-personal .skeleton-group-box .me-chat-skeleton {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-content: flex-end;
  -ms-flex-line-pack: end;
  align-content: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  -webkit-transition: all 250ms ease-in-out !important;
  transition: all 250ms ease-in-out !important;
  border-radius: 5px 15px 3px 2px !important;
}

page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-a {
  padding: 14px 16px 14px 20px;
  border-radius: 25px 0 0 25px;
  margin: 2px 0px 2px 250px !important;
  background: #DEDEDE;
}

page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-b {
  padding: 14px 16px 14px 20px;
  border-radius: 25px 0 0 25px;
  margin: 2px 0px 2px 200px !important;
  background: #DEDEDE;
}

page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-c {
  padding: 14px 16px 14px 20px;
  border-radius: 25px 0 0 25px;
  margin: 2px 0px 2px 200px !important;
  background: #DEDEDE;
}

page-chat-personal .skeleton-group-box .other-chat-skeleton {
  position: relative;
  -webkit-transition: all 250ms ease-in-out !important;
  transition: all 250ms ease-in-out !important;
  margin-top: 10px;
  border-radius: 5px 15px 3px 2px !important;
}

page-chat-personal .skeleton-group-box .other-chat-skeleton .avatar-section {
  position: absolute;
  text-align: left;
  width: 40px;
  height: 40px;
  margin: 0px 0px 5px 0px;
  background-color: #DEDEDE;
  text-align: left;
  border-radius: 50%;
}

page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section {
  margin-left: 50px;
}

page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-a {
  padding: 14px 20px 14px 16px;
  margin-bottom: 10px !important;
  margin: 2px 150px 2px 0px !important;
  border-radius: 0px 25px 25px 0;
  background: #DEDEDE;
}

page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-b {
  padding: 14px 20px 14px 16px;
  margin-bottom: 10px !important;
  margin: 2px 120px 2px 0px !important;
  border-radius: 0px 25px 25px 0;
  background: #DEDEDE;
}

page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-c {
  padding: 14px 20px 14px 16px;
  margin-bottom: 10px !important;
  margin: 2px 200px 2px 0px !important;
  border-radius: 0px 25px 25px 0;
  background: #DEDEDE;
}

page-chat-personal ion-footer {
  background-color: transparent !important;
}

page-chat-personal ion-footer .emoji-box-active {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  height: 152px;
  padding: 0 16px 0 16px;
  opacity: 1;
  padding-top: 10px;
}

page-chat-personal ion-footer .emoji-box-noactive {
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  height: 0;
  padding-top: 0;
  padding: 0 16px 0 16px;
  opacity: 0;
}

page-chat-personal ion-footer .emoji-box {
  z-index: 9;
  -webkit-box-shadow: 0px -1px 4px 0.4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -1px 4px 0.4px rgba(0, 0, 0, 0.1);
  position: relative;
  bottom: 0;
  background: white;
  border-radius: 20px 20px 0 0;
}

page-chat-personal ion-footer .emoji-box .emoji-section {
  background: #EBF5FB;
  border-bottom: none;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  border-radius: 8px 8px 0 0;
  height: 110px;
  overflow: auto;
}

page-chat-personal ion-footer .emoji-box .emoji-section .emoji-list {
  font-size: 21px;
}

page-chat-personal ion-footer ion-fab {
  z-index: 0 !important;
}

page-chat-personal ion-footer ion-fab .fab {
  background-color: #fff !important;
  border: 1px solid #E2E9ED;
}

page-chat-personal ion-footer ion-fab button {
  bottom: 60px;
}

page-chat-personal ion-footer ion-fab button img {
  padding-top: 5px;
  height: 18px !important;
  width: 18px !important;
}

page-chat-personal ion-footer ion-fab ion-badge {
  background-color: #4BBB57 !important;
  position: absolute;
  height: 15px;
  font-size: 1rem;
  bottom: 95px;
  left: 15px;
  width: 25px;
  border-radius: 45px 45px 45px 45px !important;
  -moz-border-radius: 45px 45px 45px 45px !important;
  -webkit-border-radius: 45px 45px 45px 45px !important;
}

page-chat-personal ion-footer .footer-wrapper {
  position: relative;
  padding: 12px;
  z-index: 10;
  background: white;
}

page-chat-personal ion-footer .footer-wrapper .footer-container {
  position: relative;
}

page-chat-personal ion-footer .footer-wrapper ion-icon {
  font-size: 27px;
}

page-chat-personal ion-footer .footer-wrapper .emoji-active {
  color: #F68A22;
}

page-chat-personal ion-footer .footer-wrapper .emoji-noactive {
  color: #aaa;
}

page-chat-personal ion-footer .footer-wrapper .upload-section .photo-btn img {
  width: 24px !important;
  height: 24px !important;
}

page-chat-personal ion-footer .footer-wrapper .upload-section img {
  -webkit-filter: invert(77%) sepia(99%) saturate(2976%) hue-rotate(314deg) brightness(102%) contrast(99%);
  filter: invert(77%) sepia(99%) saturate(2976%) hue-rotate(314deg) brightness(102%) contrast(99%);
  width: 26px;
  height: 26px;
}

page-chat-personal ion-footer .footer-wrapper .toggle-section {
  padding: 7px 0px 2px 0px;
  background: white;
  border-radius: 25px;
}

page-chat-personal ion-footer .footer-wrapper .toggle-section ion-label {
  font-size: 15px !important;
  margin: 0;
}

page-chat-personal ion-footer .footer-wrapper .toggle-section ion-toggle {
  height: 45px;
  padding: 12px 7px 12px 0;
}

page-chat-personal ion-footer .footer-wrapper .toggle-section #myInput {
  border: 1px solid #dbdbe1;
  border-radius: 20px;
  width: 100%;
  padding: 10px 12px 10px 12px;
  resize: none;
  max-height: 20vh;
  white-space: pre-line;
  min-height: 39px;
}

page-chat-personal ion-footer .footer-wrapper .fab-box {
  width: 46px;
  height: 46px;
}

page-chat-personal ion-footer .footer-wrapper .fab-box .shadow-section {
  width: 33px;
  height: 23px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 15px 20px #F68A22;
  box-shadow: 0px 15px 20px #F68A22;
  background: #F68A22;
}

page-chat-personal ion-footer .footer-wrapper .fab-box button {
  position: absolute;
  width: 46px;
  height: 46px;
  padding: 0;
  margin: 0;
}

page-chat-personal ion-footer .footer-wrapper .fab-box button .shadow-section {
  width: 31px;
  height: 21px;
  border-radius: 30px;
  -webkit-box-shadow: 0px 15px 20px #F68A22;
  box-shadow: 0px 15px 20px #F68A22;
  background: #F68A22;
}

page-chat-personal ion-footer .footer-wrapper .fab-box button .icon-section {
  width: 46px;
  height: 46px;
  padding-left: 7px;
  background: #F68A22;
  border-radius: 100%;
}

page-chat-personal ion-footer .footer-wrapper .fab-box button .icon-section ion-icon {
  font-size: 28px;
  color: white;
}

page-chat-personal ion-footer .footer-wrapper .fab-box .button-ios .icon-section {
  padding-left: 0px !important;
}

page-chat-personal ion-infinite-scroll {
  height: 0px !important;
}

page-chat-personal ion-infinite-scroll-content {
  margin-top: 8px !important;
  padding-top: 35px !important;
  padding-bottom: 100px !important;
}

page-chat-personal .scroll-content {
  margin-top: 45px !important;
}

@media only screen and (min-width: 500px) {
  page-chat-personal .chat-header {
    margin-left: 2vw;
  }
  page-chat-personal .typing-sign {
    color: #F68A22 !important;
  }
  page-chat-personal .chat-box {
    margin-top: 20px !important;
    margin-right: 1vw;
    margin-left: 1vw;
  }
  page-chat-personal ion-content {
    background-color: #EFF2F4 !important;
  }
  page-chat-personal ion-content .scroll-content {
    background-color: white !important;
    margin-right: 14vw !important;
    margin-left: 10vw !important;
  }
  page-chat-personal .footer-wrapper {
    padding-left: 12vw !important;
    padding-right: 17vw !important;
  }
  page-chat-personal .skeleton-box {
    margin-top: 15px;
    margin-right: 1vw;
    margin-left: 1vw;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-a {
    margin: 2px 0px 2px 200px !important;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-b {
    margin: 2px 0px 2px 150px !important;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-c {
    margin: 2px 0px 2px 100px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-a {
    margin: 2px 200px 2px 0px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-b {
    margin: 2px 150px 2px 0px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-c {
    margin: 2px 100px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box {
    margin-top: 15px;
    margin-right: 1vw;
    margin-left: 1vw;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-a {
    margin: 2px 0px 2px 200px !important;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-b {
    margin: 2px 0px 2px 150px !important;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-c {
    margin: 2px 0px 2px 100px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-a {
    margin: 2px 200px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-b {
    margin: 2px 150px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-c {
    margin: 2px 100px 2px 0px !important;
  }
}

@media only screen and (min-width: 768px) {
  page-chat-personal .chat-header {
    margin-left: 3vw;
  }
  page-chat-personal .chat-title .label-md {
    color: #F68A22 !important;
    width: 500px;
  }
  page-chat-personal .chat-title .label-ios {
    color: #F68A22 !important;
    text-overflow: ellipsis !important;
    text-align: left !important;
    width: 500px !important;
  }
  page-chat-personal .chat-box {
    margin-top: 20px !important;
    margin-right: 2vw;
    margin-left: 2vw;
  }
  page-chat-personal .skeleton-box {
    margin-top: 15px;
    margin-right: 2vw;
    margin-left: 2vw;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-a {
    margin: 2px 0px 2px 300px !important;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-b {
    margin: 2px 0px 2px 200px !important;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-c {
    margin: 2px 0px 2px 250px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-a {
    margin: 2px 300px 2px 0px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-b {
    margin: 2px 250px 2px 0px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-c {
    margin: 2px 200px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box {
    margin-top: 15px;
    margin-right: 2vw;
    margin-left: 2vw;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-a {
    margin: 2px 0px 2px 300px !important;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-b {
    margin: 2px 0px 2px 250px !important;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-c {
    margin: 2px 0px 2px 200px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-a {
    margin: 2px 300px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-b {
    margin: 2px 250px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-c {
    margin: 2px 200px 2px 0px !important;
  }
}

@media only screen and (min-width: 1280px) {
  page-chat-personal .chat-header {
    margin-left: 5vw;
  }
  page-chat-personal .chat-box {
    margin-top: 20px !important;
    margin-right: 4vw;
    margin-left: 4vw;
  }
  page-chat-personal .skeleton-box {
    margin-top: 15px;
    margin-right: 4vw;
    margin-left: 4vw;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-a {
    margin: 2px 0px 2px 600px !important;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-b {
    margin: 2px 0px 2px 500px !important;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-c {
    margin: 2px 0px 2px 550px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-a {
    margin: 2px 600px 2px 0px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-b {
    margin: 2px 550px 2px 0px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-c {
    margin: 2px 500px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box {
    margin-top: 15px;
    margin-right: 4vw;
    margin-left: 4vw;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-a {
    margin: 2px 0px 2px 600px !important;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-b {
    margin: 2px 0px 2px 550px !important;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-c {
    margin: 2px 0px 2px 500px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-a {
    margin: 2px 600px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-b {
    margin: 2px 550px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-c {
    margin: 2px 500px 2px 0px !important;
  }
}

@media only screen and (min-width: 1900px) {
  page-chat-personal .chat-header {
    margin-left: 6vw;
  }
  page-chat-personal .chat-box {
    margin-top: 20px !important;
    margin-right: 5vw;
    margin-left: 5vw;
  }
  page-chat-personal .skeleton-box {
    margin-top: 15px;
    margin-right: 5vw;
    margin-left: 5vw;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-a {
    margin: 2px 0px 2px 800px !important;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-b {
    margin: 2px 0px 2px 700px !important;
  }
  page-chat-personal .skeleton-box .me-chat-skeleton .me-chat-c {
    margin: 2px 0px 2px 750px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-a {
    margin: 2px 800px 2px 0px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-b {
    margin: 2px 750px 2px 0px !important;
  }
  page-chat-personal .skeleton-box .other-chat-skeleton .other-chat-c {
    margin: 2px 700px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box {
    margin-top: 15px;
    margin-right: 5vw;
    margin-left: 5vw;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-a {
    margin: 2px 0px 2px 800px !important;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-b {
    margin: 2px 0px 2px 750px !important;
  }
  page-chat-personal .skeleton-group-box .me-chat-skeleton .me-chat-c {
    margin: 2px 0px 2px 700px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-a {
    margin: 2px 800px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-b {
    margin: 2px 750px 2px 0px !important;
  }
  page-chat-personal .skeleton-group-box .other-chat-skeleton .chat-section .other-chat-c {
    margin: 2px 700px 2px 0px !important;
  }
}

page-chat-profile .bar-button-default-md, page-chat-profile .bar-button-clear-md-default, page-chat-profile .bar-button-md-default {
  color: white;
  background-color: transparent;
}

page-chat-profile ion-header ion-navbar .toolbar-background {
  background: -webkit-gradient(linear, left top, right top, from(#19CDDB), to(#00A9BE));
  background: linear-gradient(to right, #19CDDB, #00A9BE);
}

page-chat-profile ion-header ion-navbar ion-title .toolbar-title {
  color: white;
}

page-chat-profile ion-content .container .profile-box {
  position: relative;
  background: -webkit-gradient(linear, left top, right top, from(#19CDDB), to(#00A9BE));
  background: linear-gradient(to right, #19CDDB, #00A9BE);
  height: 160px;
  margin-bottom: 65px;
}

page-chat-profile ion-content .container .profile-box .name-box {
  padding: 0 16px;
}

page-chat-profile ion-content .container .profile-box .name-box ion-label {
  color: white !important;
  font-family: 'regular' !important;
  max-width: 100%;
}

page-chat-profile ion-content .container .profile-box .name-box .name {
  font-size: 2.9rem !important;
}

page-chat-profile ion-content .container .profile-box .name-box .job {
  font-size: 1.5rem !important;
}

page-chat-profile ion-content .container .profile-box .divider {
  position: absolute;
  bottom: -1px;
  width: 100%;
}

page-chat-profile ion-content .container .profile-box .float-box {
  position: absolute;
  bottom: -53px;
  width: 100%;
}

page-chat-profile ion-content .container .profile-box .float-box image-component {
  padding: 4px;
  background: white;
  border-radius: 200px;
}

page-chat-profile ion-content .container .profile-box .float-box image-component img {
  border-radius: 200px;
  width: 122px;
  height: 122px;
  -o-object-fit: cover;
  object-fit: cover;
}

page-chat-profile ion-content .container .profile-box .float-box .bg-icon {
  background: #FFFFFF;
  border: 1px solid #E2E9ED;
  border-radius: 200px;
  width: 59px;
  height: 59px;
}

page-chat-profile ion-content .container .stat-box {
  margin-bottom: 20px;
}

page-chat-profile ion-content .container .stat-box .stat-section {
  width: 90px;
  padding: 0 10px;
}

page-chat-profile ion-content .container .stat-box .stat-section .primary-text {
  color: #58595B !important;
  font-family: 'roboto' !important;
  font-size: 2.5rem !important;
  max-width: 100%;
}

page-chat-profile ion-content .container .stat-box .stat-section .secondary-text {
  color: #A5B0B7 !important;
  font-family: 'roboto' !important;
  font-size: 1.5rem !important;
  margin: 8px 0 0 0 !important;
  max-width: 100%;
}

page-chat-profile ion-content .container .stat-box .border {
  border-right: 1px solid #E2E9ED;
  border-left: 1px solid #E2E9ED;
}

page-chat-profile ion-content .container .social-box {
  margin-bottom: 30px;
}

page-chat-profile ion-content .container .social-box .icon-box {
  width: 39px;
  height: 39px;
  border-radius: 200px;
  border: 1px solid #E2E9ED;
}

page-chat-profile ion-content .container .btn-box {
  margin-bottom: 30px;
}

page-chat-profile ion-content .container .btn-box button {
  width: 132px;
  height: 48px;
  text-transform: capitalize;
  font-family: 'regular';
}

page-chat-profile ion-content .container .btn-box .task-btn {
  background: -webkit-gradient(linear, left top, right top, from(#19CDDB), to(#00A9BE));
  background: linear-gradient(to right, #19CDDB, #00A9BE);
}

page-chat-profile ion-content .container .btn-box .follow-btn {
  color: #A5B0B7;
  border-color: #E2E9ED !important;
}

page-chat-profile ion-content .container .action-wrap ion-label {
  color: #58595B !important;
  font-family: 1.5rem !important;
  font-family: 'regular' !important;
}

page-chat-profile ion-content .container .action-wrap .action-box {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 16px;
}

page-chat-profile ion-content .container .action-wrap .action-box .icon-box {
  position: relative;
  margin-bottom: 20px;
}

page-chat-profile ion-content .container .action-wrap .action-box .icon-box img {
  margin-bottom: 8px;
  width: 47px;
  height: 45px;
}

page-chat-profile ion-content .container .action-wrap .action-box .icon-box ion-label {
  font-size: 1.3rem !important;
  color: #A5B0B7 !important;
  text-transform: capitalize !important;
}

page-chat-profile ion-content .container .action-wrap .action-box .icon-box .notif {
  width: 11px;
  height: 11px;
  border-radius: 200px;
  background: #E6141B;
  position: absolute;
  top: 0;
  right: 0;
}

page-chat-profile ion-content .container .media-bigbox .media-box {
  border-bottom: 12px solid #f2f5f8 !important;
  width: 100%;
}

page-chat-profile ion-content .container .media-bigbox .media-box .title-section {
  width: 100%;
  padding: 5px 5px 15px 5px;
  color: #808080;
}

page-chat-profile ion-content .container .media-bigbox .media-box .image-section {
  min-width: 100% !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-chat-profile ion-content .container .media-bigbox .media-box .image-section img {
  max-width: 100%;
  padding: 5px 5px 5px 5px;
}

page-chat-profile ion-content .container .media-bigbox .media-box .document-section {
  min-width: 100% !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100% !important;
}

page-chat-profile ion-content .container .media-bigbox .media-box .document-section .document-list {
  position: relative;
  padding: 0px 5px 0px 5px;
  margin: 5px 0px 5px 0px;
  border-radius: 50px;
}

page-chat-profile ion-content .container .media-bigbox .media-box .document-section .document-list img {
  padding-left: 5px;
  width: 25px;
  text-align: center;
}

page-chat-profile ion-content .container .media-bigbox .media-box .document-section .document-list .file-type {
  position: absolute;
  top: 20%;
  left: 5%;
  font-size: 0.9rem !important;
  font-weight: 700;
}

page-chat-profile ion-content .container .media-bigbox .media-box .document-section .document-list ion-label {
  width: 200px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 2rem;
  color: #464646 !important;
}

page-chat-profile ion-content .container .media-bigbox .media-box .document-section .document-list ion-icon {
  color: #464646 !important;
  padding-right: 10px;
}

page-chat-profile ion-content .container .media-bigbox .media-box .document-section .document-doc {
  background-color: #C0E3E8 !important;
}

page-chat-profile ion-content .container .media-bigbox .media-box .document-section .document-xls {
  background-color: #D8E8C0 !important;
}

page-chat-profile ion-content .container .media-bigbox .media-box .document-section .document-pdf {
  background-color: #E8DDC0 !important;
}

page-chat-profile ion-content .container .media-bigbox .media-box .url-section {
  min-width: 100% !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-chat-profile ion-content .container .media-bigbox .media-box .url-section .url {
  padding: 10px 15px 10px 15px;
  margin: 5px 0px 5px 0px;
  background-color: #F0F6F9;
  border-radius: 30px;
  color: #00A9BE;
}

page-chat-profile ion-content .container .more {
  text-align: right;
  color: #F68A22;
  padding-top: 5px;
}

@media screen and (min-width: 1000px) {
  page-chat-profile .full-content .media-bigbox .media-box {
    border-bottom: 0px !important;
  }
}

page-add-policy .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.5em 0;
  margin: 0.5em auto;
}

page-add-policy .btn-tag span {
  font-size: 1.2em !important;
}

page-add-policy .img-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  background: #dedede;
}

page-add-policy .img-wrapper .img-header {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 180px;
}

page-add-policy .text-input::-webkit-input-placeholder {
  color: #cecece;
}

page-add-policy .text-input::-moz-placeholder {
  color: #cecece;
}

page-add-policy .text-input::-ms-input-placeholder {
  color: #cecece;
}

page-add-policy .text-input::placeholder {
  color: #cecece;
}

page-add-policy ion-label {
  color: #F68A22 !important;
}

page-add-policy ion-textarea, page-add-policy ion-input {
  padding: 7px 0px;
  margin: 0px;
}

@media screen and (min-width: 768px) {
  page-company-profile .left-info.list-md .item-block .item-inner {
    border: none !important;
  }
  page-company-profile .divider {
    position: absolute !important;
    border-left: 1px solid #ccc !important;
  }
  page-company-profile .company-image {
    border-bottom: none !important;
  }
}

page-company-profile .listProfile p, page-company-profile .company-profile-page p {
  color: #F68A22;
}

page-company-profile .listProfile h2, page-company-profile .company-profile-page h2 {
  color: #808080;
}

page-company-profile .item-policy p {
  color: #808080;
}

page-company-profile .item-policy h2 {
  color: #F68A22;
}

page-company-profile .edit-icon {
  color: #7f7f7f;
}

page-company-profile .menu-header {
  font-size: 30px !important;
}

page-company-profile .company-image {
  border-top: 0 solid #c8c7cc !important;
}

page-company-profile .company-image #img-logo {
  max-width: 15em;
  display: block;
  margin: auto;
  margin-top: 3em;
  margin-bottom: 2em;
}

page-company-profile .company-image .item-inner {
  padding-right: 0px !important;
  text-align: center !important;
}

page-company-profile .profile {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

page-company-profile .profile img {
  width: 50%;
  height: auto;
  margin: 0 auto;
}

page-company-profile .list-ios > .item-block:last-child {
  border-bottom: none !important;
  border-top: none !important;
}

page-company-profile .list-ios > .item-block:first-child {
  border-top: none !important;
}

page-company-profile .listBalance {
  margin: 0 15px;
}

@media screen and (max-width: 767px) {
  page-company-profile .row-skeleton {
    margin: 7px 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  page-company-profile .row-skeleton .left-side {
    max-width: 100% !important;
    margin-bottom: 30px;
  }
  page-company-profile .row-skeleton .left-side .line {
    background: #DEDEDE;
    margin: 5px 0;
  }
  page-company-profile .row-skeleton .left-side .line:nth-child(1) {
    width: 50%;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  page-company-profile .row-skeleton .right-side {
    max-width: 100% !important;
    margin-bottom: 20px;
  }
  page-company-profile .row-skeleton .right-side .list-box {
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 0;
    width: 100%;
  }
  page-company-profile .row-skeleton .right-side .list-box .line {
    background: #DEDEDE;
    margin: 6px 0;
  }
  page-company-profile .row-skeleton .right-side .list-box .line:nth-child(1) {
    width: 40%;
  }
  page-company-profile .row-skeleton .right-side .list-box .line:nth-child(2) {
    width: 60%;
  }
  page-company-profile .row-skeleton .right-side .list-box:nth-child(1) {
    padding: 0 0 10px 0;
  }
  page-company-profile .row-skeleton .right-side .list-box:nth-child(6) .line {
    width: 50%;
  }
}

@media screen and (min-width: 768px) {
  page-company-profile .row-skeleton {
    margin: 7px 20px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  page-company-profile .row-skeleton .left-side .line {
    background: #DEDEDE;
    margin: 5px 0;
  }
  page-company-profile .row-skeleton .left-side .line:nth-child(1) {
    width: 80%;
  }
  page-company-profile .row-skeleton .right-side .list-box {
    border-bottom: 1px solid #DEDEDE;
    padding: 10px 0;
    width: 100%;
  }
  page-company-profile .row-skeleton .right-side .list-box .line {
    background: #DEDEDE;
    margin: 6px 0;
  }
  page-company-profile .row-skeleton .right-side .list-box .line:nth-child(1) {
    width: 40%;
  }
  page-company-profile .row-skeleton .right-side .list-box .line:nth-child(2) {
    width: 60%;
  }
  page-company-profile .row-skeleton .right-side .list-box:nth-child(1) {
    padding: 0 0 10px 0;
  }
  page-company-profile .row-skeleton .right-side .list-box:nth-child(6) .line {
    width: 50%;
  }
}

page-edit-policy .img-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  background: #dedede;
}

page-edit-policy .img-wrapper .img-header {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 180px;
}

page-edit-policy ion-label {
  color: #F68A22 !important;
}

page-edit-policy ion-textarea, page-edit-policy ion-input {
  padding: 7px 0px;
  margin: 0px;
}

page-editcompany-profile {
  /* Hide HTML5 Up and Down arrows. */
}

page-editcompany-profile ion-button {
  padding: 5px !important;
}

page-editcompany-profile ion-item ion-text-area {
  color: #808080;
}

page-editcompany-profile input[type="number"]::-webkit-outer-spin-button, page-editcompany-profile input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

page-editcompany-profile input[type="number"] {
  -moz-appearance: textfield;
}

page-editcompany-profile .img-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  background: #dedede;
}

page-editcompany-profile .img-wrapper .img-logo, page-editcompany-profile .img-wrapper .img-icon {
  position: absolute;
  max-height: 90px;
  left: 50%;
  top: 25%;
  -webkit-transform: translate(-50%, -25%);
  transform: translate(-50%, -25%);
}

page-editcompany-profile .img-wrapper .img-icon {
  top: 38%;
  -webkit-transform: translate(-50%, -38%);
  transform: translate(-50%, -38%);
}

page-editcompany-profile .img-wrapper ion-icon:before {
  font-size: 45px !important;
}

page-editcompany-profile .img-wrapper .img-btn-logo, page-editcompany-profile .img-wrapper .img-btn-icon {
  position: absolute;
  left: 50%;
  margin: 0px;
  padding: 7px 12px;
  background: #F68A22;
  border-radius: 20px;
  color: #fff;
  top: 88%;
  -webkit-transform: translate(-50%, -88%);
  transform: translate(-50%, -88%);
}

page-editcompany-profile .img-wrapper .img-btn-icon {
  top: 75%;
  -webkit-transform: translate(-50%, -75%);
  transform: translate(-50%, -75%);
}

page-editcompany-profile .text-input::-webkit-input-placeholder {
  color: #cecece;
}

page-editcompany-profile .text-input::-moz-placeholder {
  color: #cecece;
}

page-editcompany-profile .text-input::-ms-input-placeholder {
  color: #cecece;
}

page-editcompany-profile .text-input::placeholder {
  color: #cecece;
}

page-editcompany-profile ion-label {
  color: #F68A22 !important;
}

page-editcompany-profile ion-textarea, page-editcompany-profile ion-input {
  padding: 7px 0px;
  margin: 0px;
}

page-policy-detail .policy-info {
  border-radius: 5px;
  padding: 15px 20px 10px 20px;
}

page-policy-detail .policy-info .policy-title {
  text-transform: capitalize;
  margin: 0px 0px 9px 0px;
}

page-policy-detail .policy-info .policy-mod {
  color: #aaaaaa;
  margin: 0px;
}

page-policy-detail .policy-info .attachment {
  margin: 0px 0px 9px 0px;
  color: #737373;
}

page-policy-detail .policy-info .attachment span {
  color: #F68A22;
}

page-policy-detail .policy-content {
  padding: 0px 20px 16px 20px;
}

page-policy-detail .policy-content .description {
  text-align: justify;
  line-height: 1.5;
  white-space: pre-line;
}

page-policy-detail .img-wrapper {
  position: relative;
  width: 100%;
  height: 180px;
  background: #dedede;
}

page-policy-detail .img-wrapper .img-header {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-height: 180px;
}

page-company-profile-photo .camera-btn {
  border-right: 1px solid #F68A22 !important;
  border-left: 1px solid #F68A22 !important;
}

page-track-policy ion-scroll {
  height: 50px;
  background: #F68A22;
}

page-track-policy ion-scroll .scroll-content {
  padding: 0px 15px 0px 12px;
  white-space: nowrap;
}

page-track-policy ion-scroll .scroll-content .scroll-zoom-wrapper {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-track-policy ion-scroll p {
  margin: 0px;
  margin-right: 8px;
  padding: 10px 15px;
  display: inline-block;
  overflow: hidden;
  border-radius: 50px;
  color: #fff;
  border: #fff solid 1px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

page-track-policy .selected {
  background: #ffffff;
  color: #F68A22;
}

page-track-policy .description {
  line-height: 1.9;
}

page-track-policy .list-radio {
  padding: 15px 0px;
  margin: 0px;
}

page-track-policy .header-md::after {
  background-image: none !important;
}

page-track-policy .ann-info {
  border-radius: 5px;
  padding: 25px 20px 10px 0px;
}

page-track-policy .ann-info .ann-title {
  text-transform: capitalize;
  margin: 0px 0px 9px 0px;
}

page-track-policy .ann-info .ann-mod {
  color: #aaaaaa;
  margin: 0px;
}

page-track-policy .ann-info .attachment {
  margin: 0px 0px 9px 0px;
  color: #737373;
}

page-track-policy .ann-info .attachment span {
  color: #F68A22;
}

page-company-search ion-list {
  text-align: center;
}

page-company-search h2 {
  color: #F68A22 !important;
}

@media screen and (min-width: 1280px) {
  page-company-search img {
    width: 30%;
  }
}

page-image-viewer .hide-header {
  -webkit-transform: translateY(-56px);
  transform: translateY(-56px);
  opacity: 0;
}

page-image-viewer .header-md::after {
  background-image: none !important;
}

page-image-viewer ion-header {
  -webkit-transition: all 200ms;
  transition: all 200ms;
  opacity: 1;
}

page-image-viewer ion-header .toolbar-background {
  background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(255, 0, 0, 0)));
  background: linear-gradient(to bottom, black, rgba(255, 0, 0, 0));
}

page-image-viewer ion-header ion-label {
  color: #FFFFFF !important;
  font-size: 1.3em !important;
}

page-image-viewer ion-header .name {
  font-size: 1.8rem;
}

page-image-viewer ion-header .date {
  font-size: 1.5rem;
}

page-image-viewer ion-header img {
  width: 24px;
  height: 24px;
}

page-image-viewer ion-header button.back-button {
  color: #f4f4f4;
}

page-image-viewer ion-header .hide-header {
  top: -56px !important;
}

page-image-viewer ion-header .close-btn {
  color: #fff;
  font-size: 1.8em !important;
}

page-image-viewer .content {
  height: 100%;
}

page-image-viewer .content .box-frame {
  height: 100%;
  width: 100%;
  background: black;
}

page-image-viewer .content .box-frame .img-section {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 0;
}

page-image-viewer .content .box-frame .img-section pinch-zoom {
  height: 100%;
}

page-image-viewer .content .box-frame .img-section pinch-zoom ion-slide .slide-zoom {
  height: 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;
}

page-image-viewer .content .box-frame .img-section pinch-zoom .pz-zoom-button {
  -webkit-transform: translateY(-115px);
  transform: translateY(-115px);
  left: 90%;
  bottom: -30px;
}

page-image-viewer .content .box-frame .thumbnail-section {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 110px;
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 1;
  -webkit-transition: all 200ms;
  transition: all 200ms;
  z-index: 1;
}

page-image-viewer .content .box-frame .thumbnail-section ion-slide img {
  height: 90px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}

page-image-viewer .content .box-frame .hide-thumbnail {
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  opacity: 0;
}

page-modal-notification {
  position: fixed;
  padding: 10%;
  width: 100%;
  max-width: 96%;
  height: 10%;
  max-height: 10%;
  margin-left: 2%;
  margin-right: 2%;
}

page-notification-global .warning {
  color: #F68A22;
}

page-organization-structure ion-slide {
  height: 210px !important;
  height: unset !important;
  margin-top: 0 !important;
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

page-organization-structure ion-slide div.slide-zoom {
  height: 210px;
  height: auto;
}

page-organization-structure .custom-spv div.avatar {
  height: 7.5em !important;
}

page-organization-structure .custom-spv div.avatar div.round {
  width: 6.2em !important;
  height: 6.2em !important;
}

page-organization-structure .custom-spv div.avatar .div-circle {
  font-size: 0.9em;
}

page-organization-structure .custom-spv h2 {
  font-size: 1.2em !important;
}

page-organization-structure .custom-spv p {
  font-size: 0.9em !important;
}

page-organization-structure .spv {
  text-align: center;
}

page-organization-structure .spv div.avatar {
  height: 6.2em;
  padding-top: 3px;
}

page-organization-structure .spv div.avatar div.round {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  margin: 0 auto;
  overflow: hidden;
  border: 5px solid white;
  -webkit-box-shadow: 0 0 3px #F68A22;
  box-shadow: 0 0 3px #F68A22;
}

page-organization-structure .spv div.avatar div.round img {
  width: 100%;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}

page-organization-structure .spv .div-circle {
  background: #f37249;
  color: #fff;
  position: relative;
  margin: 0 auto;
  margin-top: -20px;
  padding: 8px 0px;
  border-radius: 2em;
  text-align: center;
  z-index: 2;
  width: 2.5em;
  font-size: 0.7em;
}

page-organization-structure .spv h2 {
  color: #F68A22;
  font-size: 0.9em;
  margin-top: 0;
}

page-organization-structure .spv p {
  font-size: 0.7em;
  margin-top: 0;
}

page-organization-structure .img-emp3 {
  opacity: 0.3;
}

page-organization-structure .img-emp3 div.round {
  -webkit-box-shadow: 0 0 0px #fff !important;
  box-shadow: 0 0 0px #fff !important;
}

page-organization-structure .img-before-next {
  padding-top: 60px !important;
  color: #F68A22;
}

page-organization-structure .swiper-pagination {
  display: none;
}

page-organization-structure .skeleton-page {
  margin-left: 15px;
  margin-right: 15px;
}

page-organization-structure .skeleton-page .level-skeleton-box {
  width: 100%;
}

page-organization-structure .skeleton-page .level-skeleton-box .person-card {
  margin-top: 3vh;
}

page-organization-structure .skeleton-page .level-skeleton-box .person-card .photo-section {
  height: 70px;
  width: 70px;
  border-radius: 50%;
  margin-bottom: 15px;
}

page-organization-structure .skeleton-page .level-skeleton-box .person-card .name-section {
  height: 20px;
  width: 150px;
  margin-bottom: 15px;
}

page-organization-structure .skeleton-page .level-skeleton-box .person-card .position-section {
  height: 10px;
  width: 100px;
  margin-bottom: 25px;
}

page-organization-structure .skeleton-page .vertical-line {
  height: 2vw;
  width: 5px;
}

page-organization-structure .skeleton-page .horizontal-line {
  width: 70vw;
  height: 5px;
}

page-organization-structure .skeleton-page .horizontal-line-page-builder {
  width: 50vw;
  height: 5px;
}

page-organization-structure-form ion-slide {
  height: 210px !important;
  margin-top: 0 !important;
}

page-organization-structure-form ion-slide div.slide-zoom {
  height: 210px;
}

page-organization-structure-form .custom-spv div.avatar {
  height: 6.2em !important;
}

page-organization-structure-form .custom-spv div.avatar div.round {
  width: 6.2em !important;
  height: 6.2em !important;
}

page-organization-structure-form .custom-spv div.avatar .div-circle {
  font-size: 0.9em;
}

page-organization-structure-form .custom-spv p {
  font-size: 0.9em !important;
}

page-organization-structure-form .spv {
  text-align: center;
}

page-organization-structure-form .spv div.avatar {
  height: 6.2em;
  padding-top: 0px;
}

page-organization-structure-form .spv div.avatar div.round {
  width: 5em;
  height: 8em;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  position: relative !important;
}

page-organization-structure-form .spv div.avatar div.round img {
  width: 100%;
  max-height: -webkit-max-content;
  max-height: -moz-max-content;
  max-height: max-content;
}

page-organization-structure-form .spv div.avatar div.round .add-icon-round {
  font-size: 50px !important;
  color: #dedede;
  font-weight: 100;
  position: relative !important;
  top: 10px !important;
}

page-organization-structure-form .spv h2 {
  color: #F68A22;
  font-size: 0.9em;
  margin-top: 0;
  overflow: hidden;
  max-height: 2.5em;
}

page-organization-structure-form .spv p {
  font-size: 0.7em;
  margin-top: 0;
  max-height: 2.5em;
}

page-organization-structure-form .img-emp3 {
  opacity: 0.3;
}

page-organization-structure-form .img-emp3 div.round {
  -webkit-box-shadow: 0 0 0px #fff !important;
  box-shadow: 0 0 0px #fff !important;
}

page-organization-structure-form .img-before-next {
  padding-top: 60px !important;
  color: #F68A22;
}

page-organization-structure-form .swiper-pagination {
  display: none;
}

page-organization-structure-form .orgWrapper {
  margin: auto;
  margin-top: 250px !important;
  width: 60%;
  height: 300px;
}

page-organization-structure-form .org-section {
  width: 100%;
}

page-organization-structure-form .circle {
  margin: auto !important;
  position: relative;
  background: transparent;
  border-style: dashed !important;
}

page-organization-structure-form .circle {
  width: 65px;
  height: 65px;
  border: 1px #bcbcbc;
  border-radius: 50px;
  color: #bcbcbc;
}

page-organization-structure-form .circle h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis !important;
}

page-organization-structure-form .square {
  margin: auto !important;
  position: relative;
  background: transparent;
  width: 65px;
  height: 65px;
}

page-organization-structure-form .square h2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis  !important;
}

page-organization-structure-form .circle-wrapper {
  /*background-color: red;*/
  width: 20%;
}

page-organization-structure-form .vertical-line {
  width: 3.5px;
  font-weight: 100;
  margin: auto !important;
  position: relative;
}

page-organization-structure-form .vertical-img {
  height: 10px !important;
}

page-organization-structure-form .add, page-organization-structure-form .plus {
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

page-organization-structure-form .add {
  font-size: 15px;
  font-family: regular;
  top: 38px;
}

page-organization-structure-form .plus {
  top: 5px;
  font-size: 32px;
  font-family: thin;
}

page-organization-structure-form .horizontal-line {
  width: 100% !important;
  height: 1px !important;
  border-bottom: 0.5px dashed #bcbcbc;
}

page-organization-structure-form .hide {
  visibility: hidden;
}

page-organization-structure-form .center {
  margin: auto !important;
}

page-organization-structure-form .left {
  float: left;
}

page-organization-structure-form .selected {
  border: none !important;
  color: #198dae !important;
  -webkit-box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.12);
  box-shadow: 0px 3px 13px -2px rgba(0, 0, 0, 0.12);
}

page-organization-structure-form .row-org {
  height: 110px !important;
}

page-organization-structure-form .overlay-form {
  -webkit-animation: bgopa 300ms forwards;
  animation: bgopa 300ms forwards;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.88);
  z-index: 20;
  top: 0;
  left: 0;
  text-align: center !important;
  padding: 0 !important;
}

page-organization-structure-form .overlay-form .fab-wrap-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  margin: auto !important;
  color: #fff;
  text-align: right;
  background: #fff;
  min-height: 56px;
  -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;
}

page-organization-structure-form .overlay-form .fab-wrap-icon h4 {
  color: #424242;
  margin-top: 10px;
  padding: 0 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-organization-structure-form .overlay-form .fab-wrap {
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: auto !important;
  padding-top: 10px;
  background: #fff;
  height: 94%;
  overflow-y: auto !important;
  padding-bottom: 50px;
}

page-organization-structure-form .overlay-form .fab-wrap ion-row ion-col {
  text-align: center;
}

page-organization-structure-form .overlay-form .fab-wrap ion-row ion-col span {
  font-size: 65pt !important;
  color: #ccc;
}

page-organization-structure-form .error {
  margin-top: 20px;
  width: 100%;
  text-align: center;
  background-color: #d94a57;
}

page-organization-structure-form .error p {
  color: white;
  font-weight: bold;
}

page-organization-structure-form .request-icon:after {
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-organization-structure-form .disabled {
  pointer-events: none;
  cursor: default;
}

page-organization-structure-form .select-country .item-md.item-block .item-inner {
  border-bottom: none !important;
}

page-organization-structure-form .agree-checkbox {
  float: left !important;
  width: 10%;
}

page-organization-structure-form .textagree {
  float: right !important;
  font-size: 1em !important;
  width: 90%;
}

page-organization-structure-form .ion-item {
  border-bottom: none !important;
}

page-organization-structure-form ion-select {
  max-width: 100% !important;
}

page-organization-structure-form ion-title p {
  font-size: 1.1em !important;
}

page-organization-structure-form ion-label {
  font-size: 0.9em;
  white-space: normal !important;
  max-width: none !important;
  width: 100%;
  color: #7f7f7f !important;
}

page-organization-structure-form ion-input, page-organization-structure-form ion-textarea, page-organization-structure-form control-messages {
  font-size: 0.8em;
  color: #7f7f7f !important;
}

page-organization-structure-form h2, page-organization-structure-form p {
  font-size: 1.1em;
  color: #7f7f7f !important;
}

page-organization-structure-form .btn-submit {
  padding: 0 2em !important;
}

page-organization-structure-form ion-list-header {
  margin-bottom: -10px !important;
}

page-organization-structure-form .desc-1 {
  width: 100%;
  text-align: center;
}

page-organization-structure-form .desc-1 {
  /*background-color: blue;*/
  font-family: medium;
  color: #F68A22;
  font-size: 1.2em;
}

page-organization-structure-form .line {
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  margin-top: 10px !important;
}

page-organization-structure-form .swiper-container {
  height: auto;
}

@keyframes jarum_utama {
  0% {
    -webkit-transform: translate(-50%, 0) rotate(-90deg);
    transform: translate(-50%, 0) rotate(-90deg);
  }
}

@keyframes jarum_predictive {
  0% {
    -webkit-transform: translate(-50%, 0) rotate(-90deg);
    transform: translate(-50%, 0) rotate(-90deg);
    opacity: 0;
  }
}

page-gdx-gauge .tengah {
  margin: 50px 0;
}

page-gdx-gauge .tengah .progress {
  position: relative;
  text-align: -webkit-center;
}

page-gdx-gauge .tengah .progress .barOverflow {
  /* Wraps the rotating .bar */
  position: relative;
  width: 180px;
  height: 90px;
  /* Half circle (overflow) */
  margin-bottom: -14px;
  /* bring the numbers up */
  overflow: hidden;
  z-index: 1;
}

page-gdx-gauge .tengah .progress .barOverflow .bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  /* full circle! */
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 20px solid rgba(204, 204, 204, 0);
  border-left: 20px solid #f1614e;
  border-top: 20px solid #f1614e;
  -webkit-transform: rotate(-99deg);
  transform: rotate(-99deg);
  z-index: 5;
}

page-gdx-gauge .tengah .progress .barOverflow .bar2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  /* full circle! */
  border-radius: 50%;
  border: 20px solid rgba(204, 204, 204, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 20px solid #f89174;
  -webkit-transform: rotate(-63deg);
  transform: rotate(-63deg);
  z-index: 4;
}

page-gdx-gauge .tengah .progress .barOverflow .bar3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  /* full circle! */
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 20px solid rgba(204, 204, 204, 0);
  border-left: 20px solid #ffc740;
  border-top: 20px solid #ffc740;
  -webkit-transform: rotate(-27deg);
  transform: rotate(-27deg);
  z-index: 3;
}

page-gdx-gauge .tengah .progress .barOverflow .bar4 {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  /* full circle! */
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 20px solid rgba(204, 204, 204, 0);
  border-left: 20px solid #57d26c;
  border-top: 20px solid #57d26c;
  -webkit-transform: rotate(9deg);
  transform: rotate(9deg);
  z-index: 2;
}

page-gdx-gauge .tengah .progress .barOverflow .bar5 {
  position: absolute;
  top: 0;
  left: 0;
  width: 180px;
  height: 180px;
  /* full circle! */
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 20px solid rgba(204, 204, 204, 0);
  border-left: 20px solid #2bb34d;
  border-top: 20px solid #2bb34d;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 1;
}

page-gdx-gauge .tengah .progress .jarum {
  -webkit-animation-name: jarum_utama;
  animation-name: jarum_utama;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  position: absolute;
  width: 10px;
  height: 80px;
  border-radius: 200%;
  left: 50%;
  bottom: 0px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  margin: auto;
  -webkit-transform-origin: bottom;
  transform-origin: center bottom;
  background: #000000;
  z-index: 2;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
  -webkit-transform: translate(-50%, 0) rotate(56deg);
  transform: translate(-50%, 0) rotate(56deg);
}

page-gdx-gauge .tengah .progress .jarum-param {
  -webkit-animation-name: jarum_predictive;
  animation-name: jarum_predictive;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
  position: absolute;
  width: 2px;
  height: 90px;
  border-radius: 200%;
  left: 50%;
  bottom: 0px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  margin: auto;
  -webkit-transform-origin: bottom;
  transform-origin: center bottom;
  background: #ffc740;
  z-index: 2;
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
  -webkit-transform: translate(-50%, 0) rotate(90deg);
  transform: translate(-50%, 0) rotate(90deg);
  opacity: 1;
}

page-gdx-gauge .tengah .progress .jarum-param span {
  position: absolute;
  top: -30px;
  left: -10px;
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  background: #feb10b;
  padding: 5px;
  color: white;
  font-weight: bold;
  border-radius: 20%;
  -webkit-transform: translate(0, 0) rotate(0deg);
  transform: translate(0, 0) rotate(0deg);
}

page-gdx-gauge .tengah .progress .parameter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  bottom: -30px;
  width: 100%;
  right: -10px;
  -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-gdx-gauge .tengah .progress .parameter span {
  color: #787878 !important;
  font-weight: bold;
}

page-gdx-gauge .tengah .progress .parameter span.mid {
  margin: 0px 47px;
  background: #2bb24d;
  color: white !important;
  font-weight: bold;
  padding: 5px 10px;
  border-radius: 5px;
}

gdx-setup-progress .progress {
  position: relative;
}

gdx-setup-progress .progress .progress_value-text {
  position: absolute;
  top: 24px;
  left: 0px;
  font-size: 14px;
  font-weight: bold;
  width: 66px;
  text-align: center;
}

gdx-setup-progress .progress .progress_svg {
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

gdx-setup-progress .progress .progress_meter,
gdx-setup-progress .progress .progress_value {
  fill: none;
}

gdx-setup-progress .progress .progress_meter {
  stroke: #ccc;
}

gdx-setup-progress .progress .progress_value {
  stroke: #F0624D;
  -webkit-transition: all 100ms;
  transition: all 100ms;
}

page-app-version {
  background-color: #F68A22;
  overflow: hidden;
  /*=== TABLET SIZE version - END ===*/
}

page-app-version ion-header .toolbar-background,
page-app-version .card-wrapper {
  background-color: #F68A22;
}

page-app-version .container {
  position: relative;
  height: 100%;
}

page-app-version .background-card {
  position: absolute;
  height: 15%;
  width: 100%;
  background-color: #F68A22;
  top: 0;
}

page-app-version .card-box {
  border-radius: 10px;
  border: 1px solid #dbdbe1;
  bottom: 0;
  height: 100%;
  background-color: white;
}

page-app-version .logo-section {
  text-align: center;
  font-size: 40px;
  top: -4px;
  position: relative;
}

page-app-version .logo-section img {
  width: 75%;
  max-width: 250px;
}

page-app-version .update-section .app-version {
  color: #A5B0B7;
  font-size: 17px;
  padding-bottom: 10px;
}

page-app-version .update-section .version-supsection {
  color: #222;
  font-size: 17px;
  margin-bottom: 25px;
}

page-app-version .update-section .status-update {
  text-align: center;
  padding-top: 25px;
  border-top: 1px solid #dbdbe1;
  font-size: 17px;
}

page-app-version .update-section .status-update button {
  text-transform: capitalize;
  background: -webkit-gradient(linear, left top, right top, from(#08b2be), to(#00A9BE));
  background: linear-gradient(to right, #08b2be, #00A9BE);
  -webkit-box-shadow: 0px 10px 26px 5px rgba(0, 169, 190, 0.23) !important;
  box-shadow: 0px 10px 26px 5px rgba(0, 169, 190, 0.23) !important;
}

page-app-version .update-section .status-update .message {
  color: #F68A22;
  margin-bottom: 20px;
}

page-app-version .update-section .status-update .update-detail-bc {
  margin-top: 20px;
}

page-app-version .update-section .status-update .image {
  width: 60px;
  height: 60px;
}

page-app-version h2 {
  font-size: 1.8rem;
  font-weight: bold;
}

page-app-version ion-header .toolbar-title {
  color: white !important;
}

page-app-version ion-header ion-icon {
  color: white !important;
}

page-app-version .filter {
  padding: 0 25px;
}

page-app-version .add-post-wrapper {
  position: relative;
}

page-app-version .add-post-wrapper .background-post {
  height: 69px;
}

page-app-version .add-post-wrapper .background-post .bg-top {
  background-image: -webkit-gradient(linear, left top, right top, from(#F68A22), to(#F68A22));
  background-image: linear-gradient(to right, #F68A22, #F68A22);
}

page-app-version .add-post-wrapper .background-post .bg-bottom {
  background-color: white;
}

page-app-version .add-post-wrapper .add-post {
  left: 15px;
  height: 69px;
  background-color: white;
  position: absolute;
  width: calc(100% - 30px);
  z-index: 2;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
  border-radius: 5px;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
  padding: 12px 16px 12px 11px;
}

page-app-version .add-post-wrapper .add-post .text-post {
  border-radius: 200px;
  border: 1px solid #dbdbe1;
}

page-app-version .add-post-wrapper .add-post .text-post input {
  margin-left: 12px;
}

page-app-version .add-post-wrapper .add-post .add-image {
  width: 34px;
  height: 34px;
}

page-app-version .filter {
  margin-right: -10px !important;
}

@media screen and (min-width: 768px) {
  page-app-version .sficon-fillasksort:before,
  page-app-version .sficon-announcesort:before,
  page-app-version .sficon-notificationsort:before,
  page-app-version .sficon-chatsort:before {
    font-size: 0.8em !important;
  }
  page-app-version .slider-wrapper {
    border-radius: 5px;
  }
  page-app-version .social-wrapper {
    border-radius: 5px;
  }
  page-app-version .segment-button.segment-activated {
    background-color: transparent !important;
  }
}

@media screen and (min-width: 1280px) {
  page-app-version .sficon-fillasksort:before,
  page-app-version .sficon-announcesort:before,
  page-app-version .sficon-notificationsort:before,
  page-app-version .sficon-chatsort:before {
    font-size: 1.3em !important;
  }
}

@keyframes scale {
  0% {
    -webkit-transform: scale(0.1);
    transform: scale(0.1);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes bgopa {
  0% {
    background: transparent;
  }
  100% {
    background: rgba(0, 0, 0, 0.88);
  }
}

@keyframes bgopa {
  0% {
    background: transparent;
  }
  100% {
    background: rgba(0, 0, 0, 0.88);
  }
}

page-app-version .animateScale {
  -webkit-animation: scale 300ms forwards;
  animation: scale 300ms forwards;
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
}

page-app-version ion-spinner * {
  width: 32px;
  height: 32px;
  stroke: #F68A22 !important;
  fill: #F68A22;
}

page-app-version .grid-header {
  width: 23%;
  height: 5em;
  text-align: center;
  border-radius: 5px;
  text-align: center !important;
  color: white;
}

page-app-version .grid-header small {
  font-size: 9pt !important;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  text-overflow: ellipsis;
}

page-app-version .fab-wrap {
  margin: auto !important;
  width: 70%;
  height: 60%;
}

page-app-version .fab-wrap ion-row ion-col {
  text-align: center;
}

page-app-version .fab-wrap ion-row ion-col span {
  font-size: 65pt !important;
  color: #ffffff;
}

page-app-version ion-content {
  padding-top: 1em !important;
}

page-app-version .btn-head-home {
  font-size: 29pt !important;
  margin-left: 7px;
}

page-app-version .spinner-head-home {
  font-size: 24.5pt !important;
}

page-app-version .active {
  color: #F68A22;
}

page-app-version ion-fab[bottom] {
  bottom: 30px;
}

page-app-version ion-fab[right] {
  right: 30px;
}

page-app-version .align-left {
  float: left;
}

page-app-version .align-right {
  float: right;
}

page-app-version .div-img-circle-notification {
  position: absolute;
  top: 0%;
  margin-left: 12%;
  margin-top: 1em;
}

page-app-version .img-circle-notification {
  border-top-left-radius: 1.1em;
  -webkit-border-top-left-radius: 1.1em;
  border-top-right-radius: 1.1em;
  -webkit-border-top-right-radius: 1.1em;
  border-bottom-right-radius: 1.1em;
  -webkit-border-bottom-right-radisus: 1.1em;
  border-bottom-left-radius: 1.1em;
  -webkit-border-left-right-radius: 1.1em;
  float: right !important;
  width: 1.1em;
  height: 1.1em;
  margin-right: -30px;
  background: #ed4956;
  color: #eeeeee;
  text-align: center;
  margin-top: -1em !important;
  margin-left: 2.5em !important;
}

page-app-version .col-grid {
  border-right: 1px solid #eeeeee;
  text-align: center !important;
}

page-app-version .my-overlay {
  -webkit-animation: bgopa 300ms forwards;
  animation: bgopa 300ms forwards;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  z-index: 20;
  top: 0;
  left: 0;
  text-align: center !important;
  padding: 0 !important;
}

page-app-version .my-overlay .fab-wrap {
  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-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: auto !important;
  width: 70%;
  height: 100%;
}

page-app-version .my-overlay .fab-wrap ion-row ion-col {
  text-align: center;
}

page-app-version .my-overlay .fab-wrap ion-row ion-col span {
  font-size: 65pt !important;
  color: #ccc;
}

page-app-version .img-circle-overlay {
  font-size: 40px;
  color: #fff;
}

page-app-version .text-overlay {
  color: #ccc;
  font-size: 1.1em;
}

page-app-version .align-left2 {
  float: left;
}

page-app-version .align-right2 {
  float: right;
  margin-right: 10px !important;
}

page-app-version .avatar-top h2 {
  color: #F68A22 !important;
}

page-app-version .avatar-top ion-label {
  margin: 0 0 0 0 !important;
}

page-app-version .avatar-top .item-inner {
  width: 100% !important;
}

page-app-version .full-item {
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #dedede !important;
}

page-app-version .full-item .item-inner {
  padding-right: 0 !important;
}

page-app-version body {
  background-color: #dedede;
}

page-app-version .flex-container {
  height: 100vh;
  width: 100vw;
  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;
}

page-app-version .img1,
page-app-version .img2 {
  max-width: 100%;
  max-height: 100%;
}

page-app-version .btn-more {
  float: left !important;
  color: brown !important;
  font-size: 12px !important;
  padding-top: 5px !important;
}

page-app-version .overlay-started {
  width: 100%;
  height: 100%;
  position: absolute;
  /* center content using flex box */
  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;
  /* overlay */
  -webkit-box-shadow: 0 0 0 100px inset, 0 0 5px transparent;
  box-shadow: 0 0 0 100px inset, 0 0 5px transparent;
  background: rgba(0, 0, 0, 0.2);
  /* hover-out transition */
  -webkit-transition: -webkit-box-shadow 1s;
  transition: -webkit-box-shadow 1s;
  transition: box-shadow 1s;
  transition: box-shadow 1s, -webkit-box-shadow 1s;
}

page-app-version .overlay-started .fab-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 56px !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
}

page-app-version .overlay-started .fab-wrap ion-row ion-col {
  text-align: center;
}

page-app-version .overlay-started .fab-wrap ion-row ion-col span {
  font-size: 65pt !important;
  color: #ccc;
}

page-app-version .overlay-started .fab-wrap2 {
  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%;
  height: 100%;
}

page-app-version .overlay-started .fab-wrap2 ion-row ion-col {
  text-align: center;
}

page-app-version .overlay-started .fab-wrap2 ion-row ion-col span {
  font-size: 65pt !important;
  color: #ccc;
}

page-app-version .hole {
  top: 0px;
  height: 100%;
  z-index: 20;
  position: fixed;
}

page-app-version .social-wrapper {
  background-color: white;
}

page-app-version .ion-segment {
  background-color: white !important;
}

ion-card {
  border-radius: 0.3em !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

ion-card-header {
  padding: 10px !important;
}

ion-card-header ion-label {
  font-size: 1.2em !important;
}

ion-button {
  border-bottom: 1px solid blue;
}

.checkbox-md-dark .checkbox-checked,
.checkbox-ios-dark .checkbox-checked {
  border-radius: 50% !important;
  height: 1.5em !important;
  width: 1.5em !important;
  background-color: #75c942 !important;
}

.checkbox-md .checkbox-icon,
.checkbox-ios .checkbox-icon {
  border-radius: 50% !important;
  height: 1.5em !important;
  width: 1.5em !important;
  background-color: #e0e0e2;
  border: none;
}

.checkbox-md .checkbox-checked .checkbox-inner {
  left: 9px;
  top: 5.5px;
}

.checkbox-ios .checkbox-checked .checkbox-inner {
  left: 11px;
  top: 7px;
}

.item.item-md .checkbox-md {
  margin-right: 1em !important;
}

.progress-bar-outer {
  margin-top: 0.5em !important;
  width: 100%;
  background-color: #cccccc;
  float: left;
  height: 7px;
  border-radius: 50px;
  overflow: hidden;
}

.progress-bar-inner {
  background-color: #189dae;
  height: 7px;
}

.top-menu {
  background-color: white;
  height: 5em;
  width: 5em;
}

ion-grid {
  margin-right: 10px !important;
  margin-left: 10px !important;
  width: calc(100% - 20px);
}

.grid {
  width: auto;
  padding: 0 !important;
}

.mr {
  margin-right: 2.666666%;
}

page-home2 .col-grid {
  border: none !important;
}

.card-wrapper {
  padding: 0.5em 0;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9999;
}

.card-wrapper .filter {
  margin-bottom: 10px;
}

.card-wrapper .dashboard-menu .icon-box {
  height: 60px;
}

.card-wrapper .dashboard-menu .icon-box .dashboard-icon {
  width: 52px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.card-wrapper .dashboard-menu .dashboard-label {
  text-transform: none;
  color: white !important;
  font-size: 13px !important;
  padding: 5px 0;
  visibility: visible;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.card-wrapper .dashboard-menu .clock-box {
  border-radius: 9px;
  border: 1.5px solid white;
  padding: 4px 7px;
  margin-top: 2.7px;
  height: 40px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.card-wrapper .dashboard-menu .clock-box ion-label {
  color: white !important;
}

.card-wrapper .dashboard-menu .claim-box {
  position: absolute;
  top: 0;
  right: calc(50% - 30px);
  bottom: 0;
  z-index: 9999;
}

.card-wrapper .dashboard-menu .claim-box ion-badge {
  border-radius: 200px;
  font-size: 1.2rem !important;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.card-wrapper .dashboard-menu .claim-box .red-badge {
  background: #F15A29;
  margin: 5px 0;
}

.card-wrapper .dashboard-menu .claim-box .yellow-badge {
  background: #F9ED32;
  color: #F68A22;
}

.sticky .filter {
  margin-bottom: 0px !important;
}

.sticky .grid-header {
  height: 4.1em !important;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.sticky .dashboard-menu .icon-box {
  padding-bottom: 5px;
}

.sticky .dashboard-menu .icon-box .dashboard-icon {
  width: 42px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sticky .dashboard-menu .dashboard-label {
  visibility: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.sticky .dashboard-menu .claim-box ion-badge {
  font-size: 1rem !important;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.item-inner {
  margin-left: 0em !important;
}

.item-ios.item-block .item-inner {
  margin-left: 0em !important;
}

.field-button {
  width: 100% !important;
  height: 3.3em;
  font-size: 1em;
  font-family: light;
  border-radius: 50px;
  border: 1px solid #ccc;
  color: #189dae;
  background: #fff;
  margin-bottom: 20px;
}

.field-button .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  background-color: #fff !important;
}

.field-button:hover {
  background-color: #fff !important;
}

.card-banners {
  padding-top: 20px;
}

.card-banners .swiper-container {
  overflow: visible;
}

.card-banners .swiper-container .swiper-pagination-bullets {
  bottom: 4px;
}

.card-banners .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 5.17px;
  height: 5.17px;
}

.card-banners ion-slide {
  padding-left: 17.4px;
  margin-bottom: 22px;
}

.card-banners ion-slide img {
  border-radius: 8px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.slide-onboard {
  width: 79.01% !important;
  margin: 10px 10px 30px 10px;
}

.slide-onboard-single {
  width: 95% !important;
  margin: 10px 10px 30px 10px;
}

.card-onboard {
  height: 110px !important;
  padding: 5px !important;
}

.card-onboard ion-label {
  margin: 0px !important;
}

.p-card {
  text-align: left;
  color: #737373 !important;
  padding-top: 0px !important;
}

.t-card {
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left !important;
  float: left !important;
}

.label-view {
  font-size: 10px !important;
  margin-left: 3px;
  color: #f37249;
  margin-bottom: 5px;
}

page-device-pin .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-device-pin .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-device-pin .btn-footer-action-page ul li {
  display: inline-block;
  margin-right: 1px !important;
  list-style: none;
  background-color: #F68A22;
  padding: 1em 1.5em;
  color: #fff;
  margin: 0.5em 0;
  min-width: 1em;
  text-transform: capitalize;
}

page-device-pin .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-device-pin .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-device-pin .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-device-pin .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-device-pin .btn-tag span {
  font-size: 1.2em !important;
}

page-dropdown-manage .input-form {
  height: 35px;
  border-radius: 5px;
  padding: 8px;
  position: relative;
  top: 5px;
  width: 100;
}

page-dropdown-manage .btn-add {
  margin-left: 16px;
  /* font-size: 20px; */
  /* height: 30px; */
  width: 25px !important;
  border-radius: 50% !important;
  border: 2px solid #3498db;
  color: #3498db;
  background-color: white !important;
}

page-dropdown-manage .btn-add button-md {
  background-color: white !important;
}

page-dropdown-manage .input-standar {
  background: #f2f5fa;
  border: 2px solid #edf1f7;
}

page-dropdown-manage .input-standar input {
  width: -webkit-fill-available;
  margin: 9px 14px !important;
  font-size: 14px !important;
}

page-finishreg .page-finish {
  text-align: center;
  background: #189dae;
  /* fallback for old browsers */
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(7deg, #189dae, #d1ebef);
  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

page-finishreg .page-finish .toolbar-background {
  background: #fff;
  border-color: transparent;
}

page-finishreg .page-finish .slide-title {
  margin-top: 2.8rem;
  color: white;
}

page-finishreg .page-finish .slide-image {
  max-height: 50%;
  max-width: 60%;
  margin: 18px 0;
}

page-finishreg .page-finish p {
  padding: 0 40px;
  line-height: 150%;
  color: white;
}

page-finishreg .page-finish p b {
  color: white;
}

page-finishreg .page-finish .logo {
  height: 50%;
  width: 100%;
}

page-finishreg .page-finish .logo .logo-icon {
  text-align: center;
  font-size: 40px;
  padding-top: 25%;
  color: white;
}

page-finishreg .page-finish .logo .logo-icon-web {
  text-align: center;
  font-size: 40px;
  color: white;
}

page-finishreg .page-finish .cancel-btn {
  margin-top: 50%;
  margin-left: 2.5%;
  width: 46%;
}

page-finishreg .page-finish .next-btn {
  margin-top: 50%;
  margin-left: 2%;
  width: 46%;
}

page-finishreg .page-finish .btn-center {
  position: fixed;
  bottom: 0;
  margin: auto;
  width: 100%;
  margin-bottom: 1.8em !important;
}

page-finishreg .page-finish .btn-center p {
  position: fixed;
  bottom: 0;
  margin: auto;
  margin-bottom: 1.2em;
  width: 100%;
}

page-finishreg .page-finish .btn-stroke-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-finishreg .page-finish .btn-stroke-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-finishreg .page-finish .btn-stroke-footer-action-page ul li {
  display: inline-block;
  margin-right: 1px !important;
  list-style: none;
  background-color: none !important;
  border: 1px solid white;
  padding: 1em 1.5em;
  color: #fff;
  margin: 0.5em 0;
  min-width: 1em;
  text-transform: capitalize;
}

page-finishreg .page-finish .btn-stroke-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-finishreg .page-finish .btn-stroke-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-finishreg .page-finish .btn-stroke-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-finishreg .page-finish .btn-stroke-footer-action-page:active {
  color: rgba(0, 0, 0, 0.4) !important;
}

page-home2 {
  background-color: #f2f5f8;
}

page-home2 .intercom-button-launcher {
  font-size: 25px;
  width: 60px;
  height: 60px;
  background: red;
  border-radius: 50%;
  text-align: center;
  line-height: 65px;
  position: absolute;
  bottom: 20px;
  right: 90px;
  color: white;
  -webkit-box-shadow: 0 5px 5px grey;
  box-shadow: 0 5px 5px grey;
}

page-home2 .intercom-button-launcher:hover {
  cursor: pointer;
  opacity: 0.75;
}

page-home2 .panic-btn {
  position: relative;
  right: 0;
  margin-left: auto;
  z-index: 99999999;
  width: 75px;
  height: 65px;
  background-color: white;
  border-radius: 200px 0 0 200px;
  -webkit-box-shadow: 0 10px 20px silver;
  box-shadow: 0 10px 20px silver;
}

page-home2 .panic-btn .panic-round-container {
  border-radius: 200px;
  height: 50px;
  width: 50px;
  position: relative;
  top: 7px;
  left: 8px;
  text-align: center;
  -webkit-box-shadow: 0 2px 5px silver;
  box-shadow: 0 2px 5px silver;
}

page-home2 .panic-btn .panic-round-container .panic-round-label {
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-align: center;
  background: #F0624D;
  height: 100%;
  border-radius: 50%;
  border: 3px solid white;
}

page-home2 .panic-btn .panic-round-container .panic-round-label h2 {
  color: white;
  line-height: 10px;
}

page-home2 .ionic-item {
  margin-top: -10px;
  margin-bottom: 20px;
}

page-home2 .ionic-item ion-select {
  max-width: 100% !important;
  padding-left: unset !important;
}

page-home2 .ionic-item ion-select .ios .select-ios,
page-home2 .ionic-item ion-select .ios .select-md,
page-home2 .ionic-item ion-select .md .select-ios,
page-home2 .ionic-item ion-select .md .select-md {
  padding-left: 0px !important;
}

page-home2 .survey-alert {
  background: #1A73E8;
  z-index: 9999;
  position: absolute;
  width: 100%;
  bottom: -3px;
  color: #fff;
  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-home2 .survey-alert > div {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px 20px;
  position: relative;
}

page-home2 .survey-alert p {
  margin: 0;
  color: #fff;
}

page-home2 .survey-alert a {
  text-align: center;
  padding: 0 7px;
  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;
  text-decoration: none;
  color: #fff;
  background: none !important;
  max-width: 75px;
  min-width: 75px;
  text-align: center;
}

page-home2 .survey-alert ion-icon {
  color: #fff;
  position: absolute;
  top: 5px;
  left: 6px;
}

page-home2 ion-content .fixed-content {
  margin-top: 0 !important;
}

page-home2 ion-content .scroll-content {
  margin-top: 0 !important;
  border-top: none !important;
}

page-home2 ion-content ion-refresher {
  top: 0 !important;
  background: #febe38;
  height: 150px;
  width: 100%;
}

page-home2 ion-content ion-refresher ion-refresher-content {
  height: 80px;
}

page-home2 ion-content ion-refresher ion-refresher-content ion-icon {
  color: #fff;
}

page-home2 ion-content ion-refresher ion-refresher-content svg > circle,
page-home2 ion-content ion-refresher ion-refresher-content svg > line {
  stroke: #fff !important;
}

page-home2 ion-content ion-infinite-scroll.newHomeload {
  position: absolute;
  -webkit-transform: translateY(-84px);
  transform: translateY(-84px);
  pointer-events: none;
}

page-home2 ion-content ion-infinite-scroll.newHomeload .infinite-loading {
  display: none !important;
}

page-home2 .home-section {
  background: #f2f5f8;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
  width: 100%;
  max-height: 100%;
  position: relative;
}

page-home2 .home-section .bg-all-header {
  width: 100%;
  height: 90px;
  border-radius: 0;
  position: absolute;
  top: unset;
  right: unset;
  bottom: unset;
  left: unset;
  z-index: 0;
}

page-home2 .home-section .home-header {
  background: #f2f5f8;
  min-height: 56px;
  position: relative;
  overflow: visible;
}

page-home2 .home-section .home-header .navbar {
  position: relative;
  width: 100%;
  min-height: 56px;
  overflow: visible;
  padding: 15px 60px;
  z-index: 1;
}

page-home2 .home-section .home-header .navbar .nav-title {
  font-size: 18px !important;
  color: #fff;
  font-family: unset;
  font-weight: 500;
}

page-home2 .home-section .home-header .navbar .nav-title img {
  min-width: 150px;
}

page-home2 .home-section .home-header .navbar .gd-youtube {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  padding-right: 18px;
  position: relative;
  -webkit-animation: tada 1.5s ease-in infinite;
  animation: tada 1.5s ease-in infinite;
}

page-home2 .home-section .home-header .navbar .gd-youtube img {
  width: 35px;
  height: 20px;
}

page-home2 .home-section .home-header .navbar .gd-youtube .gd-redcircle {
  width: 8px;
  height: 8px;
  background: #fb745e;
  border-radius: 50%;
  position: absolute;
  right: 20px;
  top: 1px;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

page-home2 .home-section .home-header .navbar .gd-youtube .overlay-click {
  background: transparent;
  width: 37px;
  height: 24px;
  position: absolute;
  /* right: 0; */
  top: 0;
  left: 0;
  z-index: 1;
}

page-home2 .home-section .home-header .navbar .nav-search {
  margin-right: 15px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: relative;
}

page-home2 .home-section .home-header .navbar .nav-search ion-icon {
  font-size: 30px;
  color: #fff;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-home2 .home-section .home-header .navbar .nav-search .input-icon {
  position: absolute;
  top: unset;
  right: unset;
  bottom: unset;
  left: 20px;
  font-size: 20px;
  color: #a2a7ad;
  font-family: unset;
  font-weight: unset;
}

page-home2 .home-section .home-header .navbar .nav-search svg-icon.input-icon svg {
  width: 15px !important;
  height: 15px !important;
}

page-home2 .home-section .home-header .navbar .nav-search svg-icon.input-icon svg path,
page-home2 .home-section .home-header .navbar .nav-search svg-icon.input-icon svg line,
page-home2 .home-section .home-header .navbar .nav-search svg-icon.input-icon svg ellipse,
page-home2 .home-section .home-header .navbar .nav-search svg-icon.input-icon svg polyline,
page-home2 .home-section .home-header .navbar .nav-search svg-icon.input-icon svg polygon,
page-home2 .home-section .home-header .navbar .nav-search svg-icon.input-icon svg circle,
page-home2 .home-section .home-header .navbar .nav-search svg-icon.input-icon svg rect {
  stroke: #a2a7ad !important;
  stroke-width: 2px;
}

page-home2 .home-section .home-header .navbar .nav-search svg-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-home2 .home-section .home-header .navbar .nav-search svg-icon svg path,
page-home2 .home-section .home-header .navbar .nav-search svg-icon svg line,
page-home2 .home-section .home-header .navbar .nav-search svg-icon svg ellipse,
page-home2 .home-section .home-header .navbar .nav-search svg-icon svg polyline,
page-home2 .home-section .home-header .navbar .nav-search svg-icon svg polygon,
page-home2 .home-section .home-header .navbar .nav-search svg-icon svg circle,
page-home2 .home-section .home-header .navbar .nav-search svg-icon svg rect {
  stroke: #fff !important;
  stroke-width: 2px;
}

page-home2 .home-section .home-header .navbar .nav-search ion-input {
  width: 267px;
}

page-home2 .home-section .home-header .navbar .nav-search ion-input input {
  padding: 10px 10px 10px 35px;
  border-radius: 7px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.09);
}

page-home2 .home-section .home-header .navbar .profile-section {
  width: 100%;
  height: auto;
  border-radius: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 15px;
}

page-home2 .home-section .home-header .navbar .profile-section .solo-search {
  display: none;
}

page-home2 .home-section .home-header .navbar .profile-section .req-icon {
  width: 46px;
  height: 46px;
  border-radius: 200px;
  background: #fff;
  border: 1px solid #eaeaea;
  position: relative;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-home2 .home-section .home-header .navbar .profile-section .req-icon img {
  width: 20px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-filter: contrast(0.5);
  filter: contrast(0.5);
  opacity: 0.8;
}

page-home2 .home-section .home-header .navbar .profile-section .req-icon .badge-notif {
  width: unset;
  height: 18px;
  border-radius: 200px;
  font-size: 11px;
  color: #fff;
  font-family: unset;
  font-weight: unset;
  min-width: 18px;
  padding: 3px;
  text-align: center;
}

page-home2 .home-section .home-header .navbar .profile-section .req-icon .badge-request {
  position: absolute;
  top: -9px;
  right: -8px;
  bottom: unset;
  left: unset;
  background: #fb745e;
}

page-home2 .home-section .home-header .navbar .profile-section .req-icon .badge-approval {
  position: absolute;
  top: 12px;
  right: -8px;
  bottom: unset;
  left: unset;
  background: #fbcc5e;
}

page-home2 .home-section .home-header .navbar .profile-section .req-icon:hover {
  background: rgba(162, 162, 162, 0.1);
}

page-home2 .home-section .home-header .navbar .profile-section span {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin-left: 15px;
}

page-home2 .home-section .home-header .navbar .profile-section gdx-button span {
  margin: 0 !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile {
  position: relative;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .box-toggle {
  padding: 0 17px;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .box-toggle span.welcome-text {
  font-size: 12px;
  color: #A5B0B7;
  font-family: unset;
  font-weight: 500;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .box-toggle .my-info {
  overflow: hidden;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .box-toggle .my-info .welcome-name {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .box-toggle .my-info .welcome-name ion-label.name {
  width: 136px;
  color: #222 !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .box-toggle .my-info .welcome-name ion-label.position {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  font-family: unset;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 5px !important;
  width: 136px;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .box-toggle .my-info .arrow-circle {
  width: 40px;
  height: 40px;
  border-radius: 200px;
  margin-left: 15px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .box-toggle .my-info .arrow-circle img.arrow {
  padding: 0;
  max-width: 14px;
  -webkit-transition: -webkit-transform 200ms;
  transition: -webkit-transform 200ms;
  transition: transform 200ms;
  transition: transform 200ms, -webkit-transform 200ms;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .box-toggle .my-info .arrow-circle:hover {
  background: rgba(0, 0, 0, 0.04);
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: unset;
  left: unset;
  width: 100%;
  height: auto;
  border-radius: 10px;
  background: #fff;
  z-index: -1;
  -webkit-box-shadow: 0px 4px 11px -3px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 4px 11px -3px rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 200ms;
  transition: opacity 200ms;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .top-area {
  background: #f2f5f8;
  width: 100%;
  height: 58px;
  border-radius: 10px 10px 0px 0px;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area {
  padding: 18px 0 18px 18px;
  overflow: hidden;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area > *:not(.company-wrapper) {
  margin-right: 18px;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area > .company-wrapper {
  padding-right: 18px;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account {
  padding-bottom: 15px;
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 25px;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account .switch ion-label {
  color: #d3d8db !important;
  font-size: 13px !important;
  font-weight: bold !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account ion-label.name {
  width: 136px;
  color: #222 !important;
  font-size: 14px !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account ion-label.company {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 5px !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account svg-icon.mySvg {
  fill: #a5b0b7 !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account svg-icon.mySvg svg path,
page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account svg-icon.mySvg svg line,
page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account svg-icon.mySvg svg ellipse,
page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account svg-icon.mySvg svg polyline,
page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account svg-icon.mySvg svg polygon,
page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account svg-icon.mySvg svg circle,
page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account svg-icon.mySvg svg rect {
  stroke: #a5b0b7 !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account .multi-account-option img {
  opacity: 0.5;
  margin-right: 8px;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account .multi-account-option ion-label {
  font-size: 12px !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .multi-account .multi-account-option .disableLoading {
  opacity: 0.6;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .title-mcompany .switch ion-label {
  color: #d3d8db !important;
  font-size: 13px !important;
  font-weight: bold !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area ion-label.aktip {
  color: #707070 !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .idup .status img {
  display: block !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .idup .comp-name {
  color: #707070 !important;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .company-wrapper {
  overflow-y: auto;
  max-height: 55vh;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .company-wrapper .mcompany {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .company-wrapper .mcompany .comp-name {
  font-weight: bold;
  font-size: 14px !important;
  color: #a5b0b7;
  font-family: "Roboto";
  cursor: pointer;
  letter-spacing: 1px;
  margin: 12px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .company-wrapper .mcompany .status {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .company-wrapper .mcompany .status img {
  display: none;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .company-wrapper .mcompany .status gdx-loading {
  position: absolute;
  right: 0px;
  top: -10px;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .garis {
  border-bottom: 1px solid #dbdbe1;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .my-list-item {
  padding: 10px 0;
  position: relative;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .my-list-item .icon {
  width: 24px;
  height: 24px;
  border-radius: 0;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .my-list-item .icon img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .my-list-item:first-child {
  padding-top: 0;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .my-list-item:last-child {
  border-top: 1px solid #dbdbe1;
  margin-top: 10px;
  padding-top: 15px;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .my-list-item:hover {
  opacity: 0.8;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .dropmenu .bot-area .hide-select {
  position: absolute;
  top: 0px;
  right: unset;
  bottom: unset;
  left: 0px;
  width: 100%;
  max-width: unset;
  opacity: 0;
}

page-home2 .home-section .home-header .navbar .profile-section .my-profile .drop-active {
  opacity: 1;
  pointer-events: auto;
}

page-home2 .home-section .home-header .inter-atas {
  position: absolute;
  right: 68px;
  top: 0;
}

page-home2 .home-section .fixed-header {
  position: fixed;
  z-index: 9999;
  background: #f2f5f8;
  width: 100%;
  -webkit-box-shadow: 0px 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px 0px transparent;
  border-bottom: 0px solid #e2e9ed;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-home2 .home-section .shadow-header {
  border-bottom: 1px solid #e2e9ed;
  -webkit-box-shadow: 0px 2px 10px -7px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 2px 10px -7px rgba(0, 0, 0, 0.2);
}

page-home2 .home-section .fixed-post {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
  width: 100%;
}

page-home2 .home-section .fixed-post .add-post-wrapper {
  width: unset;
  height: 98px;
  border-radius: 0 0 20px 20px;
  grid-area: add-post;
  background: transparent;
  min-height: auto;
  padding: 18px;
  position: relative;
  -webkit-box-shadow: none;
  box-shadow: none;
  pointer-events: auto;
}

page-home2 .home-section .fixed-post .add-post-wrapper > .heading {
  margin-top: 0;
}

page-home2 .home-section .fixed-post .add-post-wrapper .add-post-box {
  -webkit-transform: translateY(-100px);
  transform: translateY(-100px);
  background: #fff;
  border-radius: 15px;
  padding: 2px 10px;
  will-change: transform;
  padding-right: 12px;
  position: relative;
  -webkit-box-shadow: -1px 2px 22px -12px rgba(0, 0, 0, 0.5);
  box-shadow: -1px 2px 22px -12px rgba(0, 0, 0, 0.5);
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  opacity: 0;
  overflow: hidden;
}

page-home2 .home-section .fixed-post .add-post-wrapper .add-post-box img.attach {
  opacity: 0.5;
  width: 23px;
}

page-home2 .home-section .fixed-post .add-post-wrapper .add-post-box input {
  border: none;
  color: #A5B0B7;
  text-overflow: ellipsis;
  width: 100%;
}

page-home2 .home-section .fixed-post .add-post-wrapper .addIn {
  -webkit-animation: addIn 300ms;
  animation: addIn 300ms;
}

page-home2 .home-section .fixed-post .add-post-wrapper .addOut {
  -webkit-animation: addOut 300ms;
  animation: addOut 300ms;
}

@-webkit-keyframes addIn {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@keyframes addIn {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
  }
}

@-webkit-keyframes addOut {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}

@keyframes addOut {
  0% {
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}

page-home2 .home-section .fixed-post .add-post-wrapper .fixed-add-post {
  position: fixed;
  top: 20px;
  z-index: 5;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
}

page-home2 .home-section .fixed-post .add-post-wrapper .menu-box {
  margin: 10px 5px;
  scroll-snap-align: start;
  position: relative;
}

page-home2 .home-section .fixed-post .add-post-wrapper .menu-box .menu-icon {
  width: 45px;
  height: 45px;
  border-radius: 200px;
  background-color: #F68A22;
  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;
  position: relative;
  margin: 0 auto;
}

page-home2 .home-section .fixed-post .add-post-wrapper .menu-box .bg-more {
  background: #bec4c8;
}

page-home2 .home-section .fixed-post .add-post-wrapper .menu-box .bg-more img {
  -webkit-filter: none !important;
  filter: none !important;
  width: 20px;
}

page-home2 .home-section .fixed-post .add-post-wrapper .menu-box .bg-more .rotate-more {
  -webkit-transform: rotate(720deg);
  transform: rotate(720deg);
}

page-home2 .home-section .fixed-post .add-post-wrapper .menu-box .more-fixed {
  position: fixed;
  opacity: 1;
  width: 45px;
  top: 29px;
  right: 18px;
  z-index: 5;
  background: #F68A22;
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  -webkit-animation: bgchange 500ms ease;
  animation: bgchange 500ms ease;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

page-home2 .home-section .fixed-post .add-post-wrapper .menu-box .more-fixed img {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.67, 0.33, 0.39, 1.19);
  transition: -webkit-transform 1000ms cubic-bezier(0.67, 0.33, 0.39, 1.19);
  transition: transform 1000ms cubic-bezier(0.67, 0.33, 0.39, 1.19);
  transition: transform 1000ms cubic-bezier(0.67, 0.33, 0.39, 1.19), -webkit-transform 1000ms cubic-bezier(0.67, 0.33, 0.39, 1.19);
}

page-home2 .home-section .fixed-post .add-post-wrapper .menu-box ion-badge {
  top: -10px;
  right: -4px;
}

page-home2 .home-section .fixed-post .add-post-md {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left: 1px solid #e2e9ed;
  border-right: 1px solid #e2e9ed;
  border-radius: 0;
  background: #fcfcfc;
  height: auto !important;
  min-height: 98px;
}

page-home2 .home-section .fixed-post .add-post-md .add-post-box {
  border: 1px solid #e2e9ed;
  -webkit-box-shadow: 0px 0px 23px -12px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 23px -12px rgba(0, 0, 0, 0.2);
  margin-top: 23px;
}

page-home2 .home-section .greeting {
  padding: 0px 18px;
  height: 17px;
  background: transparent;
  color: #fff;
  position: relative;
  z-index: 1;
}

page-home2 .home-section .greeting span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-home2 .home-section .greeting .inter-tengah {
  position: absolute;
  right: 60px;
  top: 0;
}

page-home2 .home-section .home-notif {
  grid-area: home-notif;
  pointer-events: auto;
  width: 100%;
  height: auto;
  border-radius: 0;
  padding: 8px 18px;
}

page-home2 .home-section .home-notif.home-notif-md {
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  background: #fcfcfc;
}

page-home2 .home-section .home-notif .section-home-notif {
  background: #ffffff;
  border: 1px solid #e2e9ed;
  padding: 13px;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
  -webkit-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
  width: unset;
  height: 100%;
  border-radius: 5px;
  max-width: 650px;
  margin: 0 auto;
}

page-home2 .home-section .home-notif .section-home-notif h4 {
  font-size: 14px;
  color: #A5B0B7;
  font-family: unset;
  font-weight: unset;
  margin: 0;
}

page-home2 .home-section .home-notif .section-home-notif button {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  font-size: unset;
  color: #A5B0B7;
  font-family: unset;
  font-weight: 400;
  border: 1px solid #dbdbe1;
  border-radius: 5px;
  margin: 0;
  text-transform: capitalize;
}

page-home2 .home-section .home-notif .section-home-notif .relative {
  position: relative;
}

page-home2 .home-section .home-notif .section-home-notif .relative .close {
  z-index: 1;
  cursor: pointer;
}

page-home2 .home-section .home-notif .hide-notif-home {
  height: 0;
  overflow: hidden;
  margin: 0 auto;
  padding: 0;
  opacity: 0;
}

page-home2 .home-section .menu-wrapper {
  position: absolute;
  top: 182px;
  right: unset;
  bottom: unset;
  left: unset;
  width: 100%;
  height: 210px;
  border-radius: 0;
  padding: 0 5px;
  display: none;
}

page-home2 .home-section .menu-wrapper .menu-attendance {
  grid-area: attendance;
  max-width: 60px;
}

page-home2 .home-section .menu-wrapper .menu-more {
  grid-area: more;
  position: relative;
}

page-home2 .home-section .menu-wrapper .menu-more ion-badge {
  top: 0px;
  right: 0px;
}

page-home2 .home-section .menu-wrapper .menu-loop-0 {
  grid-area: loop0;
}

page-home2 .home-section .menu-wrapper .menu-loop-1 {
  grid-area: loop1;
}

page-home2 .home-section .menu-wrapper .menu-loop-2 {
  grid-area: loop2;
}

page-home2 .home-section .menu-wrapper .menu-loop-3 {
  grid-area: loop3;
}

page-home2 .home-section .menu-wrapper .menu-loop-4 {
  grid-area: loop4;
}

page-home2 .home-section .menu-wrapper .menu-loop-5 {
  grid-area: loop5;
}

page-home2 .home-section .menu-wrapper .menu-loop-6 {
  grid-area: loop6;
}

page-home2 .home-section .menu-wrapper .menu-loop-7 {
  grid-area: loop7;
}

page-home2 .home-section .menu-wrapper .menu-loop-8 {
  grid-area: loop8;
}

page-home2 .home-section .menu-wrapper .menu-loop-9 {
  grid-area: loop9;
}

page-home2 .home-section .menu-wrapper .menu-box {
  height: auto;
  margin: 10px 5px;
  scroll-snap-align: start;
  position: relative;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon {
  width: 45px;
  height: 45px;
  border-radius: 200px;
  background-color: #F68A22;
  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;
  position: relative;
  margin: 0 auto;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .more-step {
  background: red;
  height: 65px;
  position: absolute;
  width: 100%;
  top: 0;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .badge-notif {
  width: unset;
  height: 18px;
  border-radius: 200px;
  font-size: 10px;
  color: #fff;
  font-family: unset;
  font-weight: unset;
  min-width: 18px;
  padding: 3px;
  text-align: center;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .badge-request {
  position: absolute;
  top: -4px;
  right: -9px;
  bottom: unset;
  left: unset;
  background: #fb745e;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .badge-approval {
  position: absolute;
  top: 17px;
  right: -9px;
  bottom: unset;
  left: unset;
  background: #fbcc5e;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon img {
  width: 25px;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon img.clock {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-filter: none;
  filter: none;
  height: 6px;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .ringing {
  height: 5px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 1px;
  position: relative;
  width: 25px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-bottom: 2px;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .ring {
  width: 10px;
  height: -9px;
  border-radius: 0;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  overflow: hidden;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .ring img {
  -webkit-filter: none;
  filter: none;
  position: absolute;
  top: 0;
  right: unset;
  bottom: unset;
  left: unset;
  min-width: 20px;
  min-height: 6px;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .left-ring {
  background: none;
  border-radius: 100px 100px 0 0;
  width: 10px;
  height: 5px;
  border: 1px solid #fff;
  -webkit-transform: rotate(-25deg);
  transform: rotate(-25deg);
  -webkit-transform-origin: 50% 90%;
  transform-origin: 50% 90%;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .right-ring {
  position: absolute;
  top: 0px;
  right: unset;
  bottom: unset;
  left: 0px;
  background: none;
  border-radius: 100px 100px 0 0;
  width: 10px;
  height: 5px;
  border: 1px solid #fff;
  position: relative;
  -webkit-transform: rotate(25deg);
  transform: rotate(25deg);
  -webkit-transform-origin: 50% 90%;
  transform-origin: 50% 90%;
}

@-webkit-keyframes leftRinging {
  0% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  25% {
    -webkit-transform: rotate(-37deg);
    transform: rotate(-37deg);
  }
  75% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  100% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
}

@keyframes leftRinging {
  0% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
  25% {
    -webkit-transform: rotate(-37deg);
    transform: rotate(-37deg);
  }
  75% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }
  100% {
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
  }
}

@-webkit-keyframes rightRinging {
  0% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  25% {
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
  }
  75% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  100% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
}

@keyframes rightRinging {
  0% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
  25% {
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
  }
  75% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }
  100% {
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
  }
}

@-webkit-keyframes showTime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes showTime {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes clock {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  75% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes clock {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(2deg);
    transform: rotate(2deg);
  }
  75% {
    -webkit-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .op0 {
  opacity: 0;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  position: relative;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box .inside {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
  width: auto;
  opacity: 1;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box .inside .start-time-box,
page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box .inside .end-time-box {
  font-size: 11px;
  color: #fff;
  font-family: unset;
  font-weight: unset;
  text-align: center;
  line-height: 1.1;
  margin-top: 1.8px;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box .inside .start-box {
  position: relative;
  white-space: nowrap;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box .inside .start-box .start-arrow {
  position: absolute;
  top: 1px;
  right: unset;
  bottom: unset;
  left: -4px;
  width: 5px;
  -webkit-filter: none;
  filter: none;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box .inside .end-box {
  position: relative;
  white-space: nowrap;
  margin-bottom: 1px;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box .inside .end-box .end-arrow {
  position: absolute;
  top: 0.8px;
  right: unset;
  bottom: unset;
  left: -4px;
  width: 5px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-filter: none;
  filter: none;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box .inside .time-empty > div,
page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box .inside .time-empty > img {
  opacity: 0.7;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box gdx-loading > .box-loader {
  margin: 4px auto;
  width: 20px !important;
  height: 20px !important;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .clock-box gdx-loading > .box-loader .fill {
  opacity: 0.88;
  width: 8px;
  height: 8px;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .new-label {
  position: absolute;
  top: -7px;
  right: unset;
  bottom: unset;
  left: unset;
  padding: 2px 7px;
  border-radius: 100px;
  font-size: 10px;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon .rotate-more {
  -webkit-transform: rotate(720deg);
  transform: rotate(720deg);
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon svg-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-home2 .home-section .menu-wrapper .menu-box .menu-icon svg-icon svg path,
page-home2 .home-section .menu-wrapper .menu-box .menu-icon svg-icon svg line,
page-home2 .home-section .menu-wrapper .menu-box .menu-icon svg-icon svg ellipse,
page-home2 .home-section .menu-wrapper .menu-box .menu-icon svg-icon svg polyline,
page-home2 .home-section .menu-wrapper .menu-box .menu-icon svg-icon svg polygon,
page-home2 .home-section .menu-wrapper .menu-box .menu-icon svg-icon svg circle,
page-home2 .home-section .menu-wrapper .menu-box .menu-icon svg-icon svg rect {
  stroke: #fff !important;
}

page-home2 .home-section .menu-wrapper .menu-box .pulse {
  -webkit-animation: pulse 1200ms infinite;
  animation: pulse 1200ms infinite;
  background-position: 0px 25px !important;
  background-size: 148% 180% !important;
  background-image: linear-gradient(220deg, #fbac5e 47%, #ffb872 58%, #fbac5e 66%) !important;
  -webkit-transform: scale(1);
  transform: scale(1);
}

page-home2 .home-section .menu-wrapper .menu-box .more-notice {
  width: 45px;
  height: 45px;
  border-radius: 200px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
  -webkit-box-shadow: 0 0 0 rgba(251, 172, 94, 0.4);
  box-shadow: 0 0 0 rgba(251, 172, 94, 0.4);
  -webkit-animation: pulse2 1200ms infinite;
  animation: pulse2 1200ms infinite;
  background: #fbac5e;
}

@-webkit-keyframes pulse {
  0% {
    background-position: 0px 25px;
    -webkit-box-shadow: 0 0 0 0 rgba(251, 172, 94, 0.6);
  }
  50% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 172, 94, 0.6);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    -webkit-box-shadow: 0 0 0 15px rgba(251, 172, 94, 0);
    background-position: 0px 100px;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pulse {
  0% {
    background-position: 0px 25px;
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    background-position: 0px 100px;
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    background-position: 0px 100px;
  }
}

@-webkit-keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 172, 94, 0.6);
    box-shadow: 0 0 0 0 rgba(251, 172, 94, 0.6);
  }
  50% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 172, 94, 0.6);
    box-shadow: 0 0 0 0 rgba(251, 172, 94, 0.6);
  }
  75% {
    -webkit-box-shadow: 0 0 0 15px rgba(251, 172, 94, 0);
    box-shadow: 0 0 0 15px rgba(251, 172, 94, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 15px rgba(251, 172, 94, 0);
    box-shadow: 0 0 0 15px rgba(251, 172, 94, 0);
  }
}

@keyframes pulse2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 172, 94, 0.6);
    box-shadow: 0 0 0 0 rgba(251, 172, 94, 0.6);
  }
  50% {
    -webkit-box-shadow: 0 0 0 0 rgba(251, 172, 94, 0.6);
    box-shadow: 0 0 0 0 rgba(251, 172, 94, 0.6);
  }
  75% {
    -webkit-box-shadow: 0 0 0 15px rgba(251, 172, 94, 0);
    box-shadow: 0 0 0 15px rgba(251, 172, 94, 0);
  }
  100% {
    -webkit-box-shadow: 0 0 0 15px rgba(251, 172, 94, 0);
    box-shadow: 0 0 0 15px rgba(251, 172, 94, 0);
  }
}

page-home2 .home-section .menu-wrapper .menu-box .menu-title {
  font-size: 11px;
  color: #A5B0B7;
  font-family: medium;
  font-weight: unset;
  text-align: center;
  margin-top: 5px;
  height: 25px;
  -webkit-transition: all 300ms;
  transition: all 300ms;
}

page-home2 .home-section .menu-wrapper .menu-box .bg-more {
  background: #bec4c8;
}

page-home2 .home-section .menu-wrapper .menu-box .bg-more img {
  -webkit-filter: none !important;
  filter: none !important;
  width: 20px;
}

page-home2 .home-section .menu-wrapper .menu-box .more-fixed {
  position: fixed;
  opacity: 1;
  width: 45px;
  top: 29px;
  right: 18px;
  z-index: 5;
  background: #F68A22;
  opacity: 0;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  -webkit-animation: bgchange 500ms ease;
  animation: bgchange 500ms ease;
  -webkit-transition: -webkit-transform 200ms ease;
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}

page-home2 .home-section .menu-wrapper .menu-box .more-fixed img {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 1000ms cubic-bezier(0.67, 0.33, 0.39, 1.19);
  transition: -webkit-transform 1000ms cubic-bezier(0.67, 0.33, 0.39, 1.19);
  transition: transform 1000ms cubic-bezier(0.67, 0.33, 0.39, 1.19);
  transition: transform 1000ms cubic-bezier(0.67, 0.33, 0.39, 1.19), -webkit-transform 1000ms cubic-bezier(0.67, 0.33, 0.39, 1.19);
}

page-home2 .home-section .viewmore {
  font-size: 14px !important;
  color: #A5B0B7 !important;
  font-family: unset;
  font-weight: unset;
  cursor: pointer;
}

page-home2 .home-section .viewmore:hover {
  text-decoration: underline;
}

page-home2 .home-section .home-content {
  min-height: 100%;
  display: grid;
  grid-template-columns: 340px minmax(0, 1fr) 330px;
  grid-template-rows: auto auto auto 1fr;
  grid-template-areas: "attendance add-post task" "attendance home-notif task" "attendance onboarding task" "attendance post task" "attendance post .";
  position: relative;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  page-home2 .home-section .home-content .add-post-wrapper {
    max-height: unset !important;
  }
}

page-home2 .home-section .home-content .add-post-wrapper {
  width: unset;
  height: unset;
  border-radius: 0 0 20px 20px;
  grid-area: add-post;
  background: transparent;
  min-height: auto;
  padding: 18px;
  -webkit-box-shadow: 0px 8px 12px -7px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 12px -7px rgba(0, 0, 0, 0.2);
  pointer-events: auto;
  -webkit-transition: height 250ms;
  transition: height 250ms;
  overflow: hidden;
}

page-home2 .home-section .home-content .add-post-wrapper .add-post-box {
  background: #fff;
  border-radius: 15px;
  padding: 2px 10px;
  will-change: transform;
  -webkit-transition: all 0s;
  transition: all 0s;
  position: relative;
  height: 62px;
  z-index: 1;
}

page-home2 .home-section .home-content .add-post-wrapper .add-post-box img.attach {
  opacity: 0.5;
  width: 23px;
}

page-home2 .home-section .home-content .add-post-wrapper .add-post-box input {
  border: none;
  color: #A5B0B7;
  text-overflow: ellipsis;
  background: transparent;
}

page-home2 .home-section .home-content .add-post-wrapper .fixed-add-post {
  position: fixed;
  top: 20px;
  z-index: 5;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.16);
}

page-home2 .home-section .home-content .add-post-wrapper .inter-bawah {
  position: absolute;
  top: -72px;
  right: -77px;
}

page-home2 .home-section .home-content .add-post-wrapper .inter-kiribawah {
  position: absolute;
  left: 0;
  top: 25px;
}

page-home2 .home-section .home-content .add-post-md {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-left: 1px solid #e2e9ed;
  border-right: 1px solid #e2e9ed;
  border-radius: 0;
  background: #fcfcfc;
  height: auto !important;
  min-height: 98px;
}

page-home2 .home-section .home-content .add-post-md .add-post-box {
  border: 1px solid #e2e9ed;
  -webkit-box-shadow: 0px 0px 23px -12px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 23px -12px rgba(0, 0, 0, 0.2);
  margin-top: 23px;
}

page-home2 .home-section .home-content .left-sidebar-wrapper {
  grid-area: attendance;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar {
  position: -webkit-sticky;
  position: sticky;
  pointer-events: auto;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper {
  border-bottom: 1px solid rgba(128, 128, 128, 0.3);
  padding-bottom: 25px;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body {
  margin: 10px 0;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .profile-box {
  margin: 10px 0 15px 0;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .profile-box gd-avatar {
  margin-right: 12px;
  margin-bottom: 8px;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .profile-box .info {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  overflow: hidden;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .profile-box .info .name {
  color: #222 !important;
  overflow: hidden;
  width: 100%;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .profile-box .info .detail {
  color: #A5B0B7 !important;
  margin-top: 4px;
  text-transform: capitalize;
  overflow: hidden;
  width: 100%;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .profile-box .attendance-btn button {
  border-radius: 10px;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .profile-box .attendance-btn .start {
  background-color: #8cc63f !important;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .profile-box .attendance-btn .end {
  background-color: #fb745e !important;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .profile-box .attendance-btn gdx-button button span.text {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  overflow: unset;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .time-box {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 10px 25px;
  border: 1px solid rgba(128, 128, 128, 0.3);
  border-radius: 10px;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .time-box .start-box p {
  font-size: 14px;
  color: #A5B0B7;
  font-family: unset;
  font-weight: unset;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .time-box .start-box h1 {
  font-weight: 600;
  color: #8cc63f;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .time-box .devider {
  border-right: 1px solid rgba(128, 128, 128, 0.3);
  height: 50px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  margin: 0 15px;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .time-box .end-box p {
  font-size: 14px;
  color: #A5B0B7;
  font-family: unset;
  font-weight: unset;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .time-box .end-box h1 {
  font-weight: 600;
  color: #fb745e;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-body .time-box .loading {
  max-width: 66px;
  height: 11px;
  border-radius: 4px;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-footer {
  margin-top: 15px;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-footer p {
  font-size: 14px;
  color: #A5B0B7;
  font-family: unset;
  font-weight: unset;
  margin: 0;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-footer p span {
  color: #fb745e;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .attendance-wrapper .attendance-footer button {
  margin-top: 10px;
  border-radius: 10px;
  color: #A5B0B7;
  border: 1px solid #A5B0B7;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .teammates-wrapper {
  padding-bottom: 40px;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .teammates-wrapper .teammates-head {
  margin: 19px 0;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .teammates-wrapper .search {
  width: unset;
  height: 41px;
  border-radius: 10px;
  border: 1px solid #e2e9ed;
  margin: 23px 0px;
  position: relative;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .teammates-wrapper .search ion-icon {
  font-size: 1.4em;
  margin-right: -5px;
  position: absolute;
  top: 10px;
  right: unset;
  bottom: unset;
  left: 10px;
}

page-home2 .home-section .home-content .left-sidebar-wrapper .left-sidebar .teammates-wrapper .search input {
  border: none;
  margin-left: 35px;
  margin-top: 10px;
  width: 85%;
  color: #a5b0b7;
}

page-home2 .home-section .home-content .content-section {
  background: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(10%, #f7f7f7), to(#f2f5f8));
  background: linear-gradient(to bottom, white 0%, #f7f7f7 10%, #f2f5f8 100%);
  border-radius: 20px 20px 0 0;
  padding: 10px 15px;
  -webkit-box-shadow: 0px -8px 10px -7px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -8px 10px -7px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 250ms;
  transition: all 250ms;
  -webkit-transform: translateY(110px);
  transform: translateY(110px);
  pointer-events: auto;
  z-index: 9999999;
  overflow: hidden;
}

page-home2 .home-section .home-content .content-section .holder-box {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-home2 .home-section .home-content .content-section .holder-box .holder-area {
  width: 100%;
  position: absolute;
  height: 33px;
  top: 0;
}

page-home2 .home-section .home-content .content-section.introjs-fixParent {
  -webkit-transform: translateY(110px) !important;
  transform: translateY(110px) !important;
}

page-home2 .home-section .home-content .block-handler {
  width: 100px;
  height: 8px;
  border-radius: 200px;
  background: #eaecee;
  margin: 4px 0;
}

page-home2 .home-section .home-content .my-onboarding-wrapper {
  grid-area: onboarding;
  padding: 18px;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  background: #ffffff;
  pointer-events: auto;
}

page-home2 .home-section .home-content .my-onboarding-wrapper .my-onboarding-box {
  -webkit-box-shadow: 0px 1px 5px 0px #dbdbdb;
  box-shadow: 0px 1px 5px 0px #dbdbdb;
  padding: 10px 15px;
  background: white;
  border-radius: 10px;
}

page-home2 .home-section .home-content .my-onboarding-wrapper .my-onboarding-head {
  padding-top: 20px;
}

page-home2 .home-section .home-content .my-onboarding-wrapper .my-onboarding-head h2 {
  margin-bottom: 15px;
}

page-home2 .home-section .home-content .my-onboarding-wrapper .my-onboarding-body .bar-progress {
  padding: 15px 0 8px 0;
}

page-home2 .home-section .home-content .my-onboarding-wrapper .my-onboarding-body .box-percent {
  margin-bottom: 5px;
}

page-home2 .home-section .home-content .cs .cs-desc {
  margin-left: 5px;
}

page-home2 .home-section .home-content .cs .cs-desc ion-label {
  font-weight: bold;
  font-size: 16px !important;
  margin-bottom: 7px;
}

page-home2 .home-section .home-content .cs .cs-desc p {
  margin: 0 !important;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-head {
  padding-top: 20px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  max-height: 100%;
  margin-top: 15px;
  position: relative;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .locked-team {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: white;
  width: 231px;
  padding: 12px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .locked-team .title {
  font-family: "bold";
  font-size: 14px;
  color: #222;
  text-align: center;
  margin: 0;
  margin-bottom: 5px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .locked-team .desc {
  font-size: 14px;
  font-family: "italic";
  color: #A5B0B7;
  text-align: center;
  margin: 0;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body gd-avatar {
  margin-right: 12px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .onleave .my-icon {
  border: 1px solid #fb745e;
  color: #fb745e;
  border-radius: 200px;
  font-size: 10px;
  padding: 3px 8px;
  text-align: center;
  margin-top: 5px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .present .my-icon {
  border: 1px solid #8cc63f;
  color: #8cc63f;
  border-radius: 200px;
  font-size: 10px;
  padding: 4px 10px;
  text-align: center;
  margin-top: 5px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team {
  width: 75px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(20% - 6px);
  -ms-flex: 0 0 calc(20% - 6px);
  flex: 0 0 calc(20% - 6px);
  margin: 0 3px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team gd-avatar {
  margin-right: 0 !important;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team gd-avatar .skeleton {
  margin-bottom: 8px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team .skeleton-attendance .skeleton-start:first-child {
  margin-bottom: 5px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team .skeleton-attendance .skeleton-start {
  width: 38px;
  height: 10px;
  border-radius: 4px;
  margin: 0 auto;
  background: #dddddd;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team .locked-attendance .locked-start:first-child {
  margin-bottom: 5px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team .locked-attendance .locked-start {
  width: 38px;
  height: 10px;
  border-radius: 4px;
  margin: 0 auto;
  background: #e2e9ed;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team .attendance {
  margin-top: 2px;
  min-height: 38px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team .attendance .start-in,
page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team .attendance .start-out {
  text-align: center;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team .attendance .start-in img,
page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team .attendance .start-out img {
  margin-right: 5px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .my-team .attendance .onleave {
  margin: 0 auto;
  padding-top: 4px;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .more-teammates {
  width: 38px;
  height: 38px;
  border-radius: 0;
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  align-self: start;
}

page-home2 .home-section .home-content .today-teammates-wrapper .today-teammates-body .more-teammates img {
  width: 38px;
  height: 38px;
  border-radius: 200px;
}

page-home2 .home-section .home-content .right-sidebar {
  grid-area: task;
  position: -webkit-sticky;
  position: sticky;
  top: 95px;
  pointer-events: auto;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper {
  position: relative;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-head {
  margin-bottom: 17px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-head .view-more {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  font-family: unset;
  font-weight: unset;
}

@media screen and (max-width: 767px) {
  page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-tab {
    display: none !important;
  }
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-tab {
  padding: 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #dbdbe1;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-tab .task-tab-section {
  width: calc(100% - 60px);
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-tab .task-box {
  overflow: hidden;
  -webkit-transition: border-bottom 300ms ease;
  transition: border-bottom 300ms ease;
  padding-bottom: 12px;
  border-bottom: 3px solid transparent;
  cursor: pointer;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-tab .task-box ion-label {
  font-size: 14px !important;
  color: #A5B0B7 !important;
  font-family: "medium" !important;
  font-weight: unset;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-tab .task-active {
  border-bottom: 3px solid #F68A22 !important;
  -webkit-transition: border-bottom 300ms ease;
  transition: border-bottom 300ms ease;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-tab .task-active ion-label {
  color: #F68A22 !important;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-tab .add-btn {
  width: 41px;
  height: 41px;
  border-radius: 10px;
  padding: 0;
  border: 1px solid #dbdbe1;
  background-color: transparent;
  margin-bottom: 12px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box {
  position: relative;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box gd-avatar {
  margin-right: 12px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box {
  position: relative;
  margin-top: 1px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .box-wrapper {
  border-radius: 200px;
  padding: 10px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .box-wrapper .box-shape {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 1.5px solid #dbdbe1;
  background-color: white;
  position: relative;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .box-wrapper .box-shape .checkmark {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .complete-check .box-shape {
  border: 1.5px solid #2BB34D !important;
  background-color: #2BB34D !important;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .complete-check .box-shape .checkmark {
  color: white;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .verified-check {
  pointer-events: none;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .verified-check .box-shape {
  border: 1.5px solid #A5B0B7 !important;
  background-color: #A5B0B7 !important;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .verified-check .box-shape .checkmark {
  color: white;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .cancelled-check {
  pointer-events: none;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .cancelled-check .box-shape {
  border: 1.5px solid #A5B0B7 !important;
  background-color: #A5B0B7 !important;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .cancelled-check .box-shape .checkmark {
  color: #A5B0B7;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box ion-icon {
  font-size: 26px;
  color: white;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .option-box {
  position: absolute;
  top: -45px;
  right: unset;
  bottom: unset;
  left: -7px;
  background-color: transparent;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .option-box .kuncup {
  position: absolute;
  top: unset;
  right: unset;
  bottom: -4px;
  left: 21px;
  width: 8px;
  height: 8px;
  border-radius: 0;
  border: 1px solid #A5B0B7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
  background-color: white;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .option-box .option-section {
  width: unset;
  height: 34px;
  border-radius: 7px;
  border: 1px solid #A5B0B7;
  padding: 0 11px;
  background-color: white;
  margin-right: 3px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .option-box .option-section .divider {
  margin: 0 8px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .option-box .option-section ion-label::after {
  content: "|";
  color: #222 !important;
  margin: 0 5px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .option-box .option-section ion-label:last-child:after {
  content: "";
  margin: 0;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .option-box .option-section .orange {
  color: #fbac5e;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .option-box .option-section .blue {
  color: #63befb;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .option-box .option-section .green {
  color: #8cc63f;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .option-box .close-box {
  background-color: rgba(0, 0, 0, 0.42);
  width: 34px;
  height: 34px;
  border-radius: 7px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .check-box .option-box .close-box ion-icon {
  font-size: 24px;
  color: white;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .complete-checkbox {
  background-color: #8cc63f !important;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .respond-checkbox {
  border: 1px solid red !important;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .caption-section {
  margin-right: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .caption-section .task-sender {
  color: #A5B0B7 !important;
  margin-bottom: 4px !important;
  width: 100%;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .caption-section .task-title {
  color: #222 !important;
  margin-bottom: 4px !important;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .caption-section .task-update {
  font-size: 10px !important;
  color: #A5B0B7 !important;
  font-family: "italic" !important;
  font-weight: unset;
  width: 100%;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .caption-section .align-center {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  overflow: hidden;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box #task-avatar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box #task-avatar .avatar {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box #task-avatar .avatar ion-avatar {
  margin: 0 !important;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box #task-avatar .avatar ion-avatar .empty-state {
  margin: 0 !important;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .badge-section .date-label {
  color: #A5B0B7 !important;
  margin-bottom: 3px !important;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .badge-section .badge {
  text-transform: capitalize;
  padding: 0px 7px;
  font-size: 12px;
  color: unset;
  font-family: "regular";
  font-weight: unset;
  width: unset;
  height: 19px;
  border-radius: 12px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .badge-section .new-badge {
  background-color: rgba(99, 190, 251, 0.3);
  border: 1px solid #63befb;
  color: #63befb;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .badge-section .reopen-badge {
  background-color: rgba(251, 172, 94, 0.3);
  border: 1px solid #fbac5e;
  color: #fbac5e;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .badge-section .fixed-badge {
  background-color: rgba(140, 198, 63, 0.3);
  border: 1px solid #8cc63f;
  color: #8cc63f;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box .task-hover {
  width: calc(100% + 38px);
  height: calc(100% + 15px);
  position: absolute;
  left: -18px;
  top: -8px;
  z-index: -2;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .detail-box:hover > .task-hover {
  background: rgba(162, 162, 162, 0.1);
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .empty-state {
  margin-top: 10px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .empty-state .heading ion-label {
  font-weight: bold;
  font-size: 14px !important;
  margin-bottom: -10px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .empty-state .sub-heading .label-link {
  color: #63befb;
  cursor: pointer;
  margin-right: 2px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .empty-state .sub-heading ion-label {
  white-space: initial;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .respond {
  font-size: 12px !important;
  color: #222 !important;
  font-family: unset;
  font-weight: unset;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .complete {
  font-size: 12px !important;
  color: #8cc63f !important;
  font-family: unset;
  font-weight: unset;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .closed {
  font-size: 12px !important;
  color: #63befb !important;
  font-family: unset;
  font-weight: unset;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .task-body .canceled {
  font-size: 12px !important;
  color: #fbac5e !important;
  font-family: unset;
  font-weight: unset;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .skeleton-task .skeleton-box {
  width: 100%;
  margin-bottom: 12px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .skeleton-task .skeleton-box gd-avatar {
  margin-right: 12px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .skeleton-task .skeleton-box .skeleton-radio {
  width: 16px;
  height: 16px;
  margin: 10px;
  border-radius: 4px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .skeleton-task .skeleton-box .detail-box {
  margin-right: 16px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .skeleton-task .skeleton-box .detail-box .skeleton-line1 {
  height: 11px;
  width: 50px;
  border-radius: 4px;
  margin-bottom: 5px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .skeleton-task .skeleton-box .detail-box .skeleton-line2 {
  height: 13px;
  width: 120px;
  border-radius: 4px;
  margin-bottom: 5px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .skeleton-task .skeleton-box .detail-box .skeleton-line3 {
  height: 9px;
  width: 80px;
  border-radius: 4px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .skeleton-task .skeleton-box .badge-box .skeleton-time {
  height: 12px;
  width: 32px;
  border-radius: 4px;
  margin-bottom: 7px;
}

page-home2 .home-section .home-content .right-sidebar .task-wrapper .skeleton-task .skeleton-box .badge-box .skeleton-badge {
  height: 14px;
  width: 36px;
  border-radius: 12px;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-head .view-more {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  font-family: unset;
  font-weight: unset;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body {
  margin-top: 25px;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body .info {
  margin-bottom: 24px;
  position: relative;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body .info .picture img {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  -o-object-fit: cover;
  object-fit: cover;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body .info .new {
  margin-right: 0 !important;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body .info .info-hover {
  width: calc(100% + 38px);
  height: calc(100% + 20px);
  position: absolute;
  left: -18px;
  top: -10px;
  z-index: -2;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body .info:hover > .info-hover {
  background: rgba(162, 162, 162, 0.1);
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body .caption-company {
  margin-top: -2px;
  overflow: hidden;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body .caption-company .title {
  font-size: 15px !important;
  color: #222 !important;
  font-family: unset;
  font-weight: unset;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body .caption-company .desc {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  font-family: unset;
  font-weight: unset;
  margin-top: 2px;
  margin-bottom: 2px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body .caption-company .desc p {
  font-size: 12px !important;
  color: #A5B0B7;
  font-family: unset;
  font-weight: unset;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body .caption-company .date {
  font-size: 13px !important;
  color: #A5B0B7 !important;
  font-family: unset;
  font-weight: unset;
  margin-top: 2px;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .company-body .new .my-icon {
  border-radius: 12px;
  border: 1px solid #fb745e;
  background: rgba(251, 116, 94, 0.3);
  color: #fb745e;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  padding: 3px 10px;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .skeleton-company .skeleton-box {
  margin-bottom: 24px;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .skeleton-company .skeleton-box .detail-box .skeleton-line1 {
  width: 100px;
  height: 11px;
  border-radius: 4px;
  margin-bottom: 5px;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .skeleton-company .skeleton-box .detail-box .skeleton-line2 {
  width: 150px;
  height: 13px;
  border-radius: 4px;
  margin-bottom: 5px;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .skeleton-company .skeleton-box .detail-box .skeleton-line3 {
  width: 70px;
  height: 9px;
  border-radius: 4px;
}

page-home2 .home-section .home-content .right-sidebar .company-wrapper .skeleton-company .skeleton-box .badge-box .skeleton-badge {
  width: 36px;
  height: 14px;
  border-radius: 12px;
}

page-home2 .home-section .home-content .feed-wrapper {
  grid-area: post;
  pointer-events: auto;
}

page-home2 .home-section .home-content .feed-wrapper .skeleton-box {
  padding: 14px 18px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 15px 1px #dfdfe5;
  box-shadow: 0px 5px 15px 1px #dfdfe5;
  margin: 15px 0;
}

page-home2 .home-section .home-content .feed-wrapper .skeleton-box gd-avatar .skeleton {
  margin: 8px 15px 8px 0;
}

page-home2 .home-section .home-content .feed-wrapper .skeleton-box .detail {
  margin: 8px 0;
}

page-home2 .home-section .home-content .feed-wrapper .skeleton-box .skeleton-title {
  width: 100px;
  height: 12px;
  border-radius: 4px;
  margin-bottom: 4px;
}

page-home2 .home-section .home-content .feed-wrapper .skeleton-box .skeleton-desc {
  width: 40px;
  height: 9px;
  border-radius: 4px;
}

page-home2 .home-section .home-content .feed-wrapper .skeleton-box .skeleton-date {
  width: 30px;
  height: 12px;
  padding-right: 13px;
  border-radius: 4px;
}

page-home2 .home-section .home-content .feed-wrapper .skeleton-box .skeleton-profile {
  margin-bottom: 14px;
}

page-home2 .home-section .home-content .feed-wrapper .skeleton-box .skeleton-post {
  width: 250px;
  height: 11px;
  border-radius: 4px;
  margin-bottom: 5px;
}

page-home2 .home-section .home-content .feed-wrapper > * {
  max-width: 650px;
  margin: auto;
}

page-home2 .home-section .home-content .feed-wrapper .loadmore-box {
  width: 100px;
  height: 50px;
  border-radius: 0;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

page-home2 .home-section .home-content .feed-wrapper .loadmore-box .loadmore {
  width: 100%;
  height: 10px;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: unset;
  bottom: unset;
  left: unset;
  z-index: 2;
}

page-home2 .home-section .home-content .feed-wrapper .loadmore-box ion-spinner {
  margin-top: 10px;
}

page-home2 .home-section .home-content .feed-wrapper .progress-card {
  background: white;
  margin: 15px 0;
  -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
  box-shadow: 0px 1px 5px 0px #e6e6e6;
  border-radius: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 25px 15px;
}

page-home2 .home-section .home-content .feed-wrapper .progress-card h3 {
  margin-top: 0;
}

page-home2 .home-section .home-content .feed-md {
  padding: 18px 18px;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  background: #fcfcfc;
}

page-home2 .home-section .home-content .expanding {
  -webkit-transform: translateY(215px);
  transform: translateY(215px);
}

page-home2 .home-section .my-bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
  height: 171px;
  background-color: #F68A22;
  border-radius: 0px 0px 20px 20px;
}

page-home2 .home-section .my-bg .kiri {
  position: absolute;
  bottom: -4px;
  left: 0;
  display: none;
}

page-home2 .home-section .my-bg .kanan {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}

page-home2 .home-section .content-webmode {
  background: white;
  margin: 130px 64px 0px;
  border-radius: 20px 20px 0 0;
  -webkit-box-shadow: 0px 8px 12px -7px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 8px 12px -7px rgba(0, 0, 0, 0.2);
}

page-home2 .home-section .sdright-p {
  padding: 20px 20px 20px 18px;
}

page-home2 .home-section .sdleft-p {
  padding: 20px 18px 20px 20px;
}

page-home2 .home-section .space {
  margin-bottom: 26px;
}

@media screen and (max-width: 767px) {
  page-home2 .home-section .home-header {
    background: transparent;
  }
  page-home2 .home-section .home-header .navbar {
    padding: 4px;
  }
  page-home2 .home-section .home-header .navbar .nav-title {
    padding-left: 15px;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  page-home2 .home-section .home-header .navbar .nav-title img {
    min-width: auto;
    margin-left: 6.6px;
  }
  page-home2 .home-section .home-header .navbar .nav-title div {
    text-overflow: ellipsis;
    overflow: hidden;
  }
  page-home2 .home-section .home-content {
    grid-template-columns: auto;
    grid-template-areas: "add-post" "onboarding" "home-notif" "task" "post" !important;
    min-height: calc(100% - 73px);
  }
  page-home2 .home-section .home-content .my-onboarding-wrapper {
    padding: 0 5px;
    background: none !important;
    border: none;
    margin: 10px 0;
  }
  page-home2 .home-section .home-content .my-onboarding-wrapper .my-onboarding-box {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none !important;
    padding: 0;
  }
  page-home2 .home-section .menu-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    grid-template-areas: "attendance loop0 loop1 loop2 more" "loop7 loop6 loop5 loop4 loop3";
  }
  page-home2 .home-section .menu-wrapper .kosong {
    border: 1px solid #ff000000;
    height: 95px;
    position: absolute;
    background: transparent;
    width: 100%;
    right: 0;
    top: 0;
  }
  page-home2 .home-section .menu-wrapper .mob-menu {
    width: 100%;
  }
  page-home2 .home-section .menu-wrapper .mob-menu .menu-flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  page-home2 .home-section .menu-wrapper .skeleton-menu {
    position: absolute;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
  }
  page-home2 .home-section .menu-wrapper .skeleton-menu .skeleton-box {
    height: 95px;
    margin: 11px 5px 0 5px;
    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;
  }
  page-home2 .home-section .menu-wrapper .skeleton-menu .skeleton-box .icon-box {
    width: 45px;
    height: 45px;
    border-radius: 200px;
    margin: 0 7.5px;
    margin-bottom: 5px;
  }
  page-home2 .home-section .menu-wrapper .skeleton-menu .skeleton-box .label-box {
    width: 41px;
    height: 10px;
    border-radius: 4px;
    margin: 0 auto;
  }
  page-home2 .home-section .left-sidebar-wrapper {
    display: none;
  }
  page-home2 .home-section .right-sidebar,
  page-home2 .home-section .left-sidebar {
    position: unset !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 960px) {
  page-home2 .home-section .home-header .nav-search {
    display: none !important;
  }
  page-home2 .home-section .home-header .profile-section .top-menu-box {
    margin-right: 10px !important;
  }
  page-home2 .home-section .home-header .profile-section .top-menu-box .solo-search {
    width: 46px;
    height: 46px;
    border-radius: 200px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 200ms;
    transition: all 200ms;
  }
  page-home2 .home-section .home-header .profile-section .top-menu-box .solo-search img {
    width: 20px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    -webkit-filter: contrast(0.5);
    filter: contrast(0.5);
    opacity: 0.8;
  }
  page-home2 .home-section .home-header .profile-section .top-menu-box .solo-search:hover {
    background: rgba(162, 162, 162, 0.1);
  }
  page-home2 .home-section .home-header .profile-section .top-menu-box ion-icon.solo-search {
    width: 46px;
    height: 46px;
    border-radius: 200px;
    font-size: 28px;
    color: #9daec0;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 200ms;
    transition: all 200ms;
  }
  page-home2 .home-section .home-header .profile-section .top-menu-box ion-icon.solo-search::before {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  page-home2 .home-section .home-header .profile-section .top-menu-box ion-icon:hover {
    background: rgba(162, 162, 162, 0.1);
  }
  page-home2 .home-section .home-header .profile-section .req-box {
    margin-right: 17px !important;
  }
  page-home2 .home-section .home-header .profile-section .req-box span {
    display: none !important;
  }
  page-home2 .home-section .home-content {
    grid-template-columns: auto;
    grid-template-areas: "attendance" "add-post" "onboarding" "home-notif" "task" "post" !important;
  }
  page-home2 .home-section .home-content .add-post-wrapper h2 {
    display: none;
  }
  page-home2 .home-section .home-content .add-post-wrapper .add-post-box {
    padding: 15px 20px;
  }
  page-home2 .home-section .home-content .my-onboarding-wrapper {
    padding: 0 5px;
    background: none;
    border: none;
  }
  page-home2 .home-section .content-section,
  page-home2 .home-section .content-section .feed-wrapper,
  page-home2 .home-section .home-content,
  page-home2 .home-section .home-content .add-post-wrapper {
    background: none !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  page-home2 .home-section .content-section {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
  }
  page-home2 .home-section .menu-wrapper {
    display: none;
  }
  page-home2 .home-section .left-sidebar-wrapper .space-maker,
  page-home2 .home-section .left-sidebar-wrapper .teammates-wrapper {
    display: none;
  }
  page-home2 .home-section .left-sidebar-wrapper .attendance-wrapper {
    border-bottom: none !important;
    padding-bottom: 0 !important;
  }
  page-home2 .home-section .left-sidebar-wrapper .attendance-wrapper .attendance-body {
    background: #fff;
    padding: 20px 30px;
    border-radius: 15px;
    margin-top: 30px !important;
    -webkit-box-shadow: 0px 0px 23px -12px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 23px -12px rgba(0, 0, 0, 0.2);
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -webkit-flex-direction: row-reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  page-home2 .home-section .left-sidebar-wrapper .attendance-wrapper .attendance-body .profile-box gd-avatar {
    margin-right: 12px;
    margin-bottom: 8px;
  }
  page-home2 .home-section .left-sidebar-wrapper .attendance-wrapper .attendance-body .profile-box ion-avatar,
  page-home2 .home-section .left-sidebar-wrapper .attendance-wrapper .attendance-body .profile-box .info {
    display: none !important;
  }
  page-home2 .home-section .left-sidebar-wrapper .attendance-wrapper .attendance-body .profile-box button {
    width: 130px;
    height: 47px;
    border-radius: 0;
  }
  page-home2 .home-section .left-sidebar-wrapper .attendance-wrapper .attendance-body .time-box {
    border: none !important;
    padding: 0px !important;
    width: 210px;
    -webkit-box-pack: justify !important;
    -webkit-justify-content: space-between !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
  }
  page-home2 .home-section .left-sidebar-wrapper .attendance-wrapper .attendance-body .time-box h1,
  page-home2 .home-section .left-sidebar-wrapper .attendance-wrapper .attendance-body .time-box p {
    margin-top: 10px;
  }
  page-home2 .home-section .right-sidebar,
  page-home2 .home-section .left-sidebar {
    position: unset !important;
  }
}

@media screen and (max-width: 359px) {
  page-home2 .home-section .menu-wrapper {
    grid-template-areas: "attendance loop0 loop1 more" "loop5 loop4 loop3 loop2";
  }
  page-home2 .home-section .menu-loop-6,
  page-home2 .home-section .menu-loop-7 {
    display: none;
  }
}

@media screen and (min-width: 1280px) {
  page-home2 .home-section .cs {
    padding: 18px 18px;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    background: #fcfcfc;
  }
  page-home2 .home-section .company-body .new .my-icon {
    border-radius: 12px;
    border: 1px solid #fb745e;
    background: rgba(251, 116, 94, 0.3);
    color: #fb745e;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    padding: 3px 10px;
  }
  page-home2 .home-section .heading {
    font-size: 18px;
  }
}

page-home2 .float-toggle {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: #fff8d6;
  padding: 11px 12px;
  z-index: 99999;
  -webkit-box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.16);
  box-shadow: 0px -3px 6px 0px rgba(0, 0, 0, 0.16);
}

page-home2 .float-toggle ion-label {
  font-family: "medium" !important;
  color: #222 !important;
}

page-home2 .float-toggle button {
  color: #222 !important;
  border-radius: 10px;
}

page-home2 .loading-record-time {
  background-color: #8cc63f;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  text-align: center;
  line-height: 55px;
}

page-home2 .loading-record-time ion-spinner * {
  stroke: white;
}

page-home2 .loading-record-time ion-spinner.spinner-circles circle,
page-home2 .loading-record-time ion-spinner.spinner-bubbles circle,
page-home2 .loading-record-time ion-spinner.spinner-dots circle {
  fill: white;
}

page-home2 .gd-avatar {
  margin-right: 12px;
  margin-bottom: 8px;
}

page-home2 .no-pointer {
  pointer-events: none;
}

page-home2 .tempDebug {
  left: 20px;
  padding: 10px;
  top: 160px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 8px;
}

page-home2 ion-refresher-content {
  display: none !important;
}

page-home2 .loading-container {
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

@media screen and (min-width: 1024px) and (max-width: 1280px) {
  page-home2 .dropmenu {
    width: 90% !important;
    left: 10px !important;
  }
  page-home2 .home-content {
    grid-template-columns: 340px 1fr !important;
    grid-template-rows: auto auto 1fr !important;
    grid-template-areas: "attendance add-post" "attendance onboarding" "attendance post" "task post" !important;
  }
}

page-add-anouther-account .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
}

page-add-anouther-account .background {
  background: white;
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.054);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.054);
  width: 30%;
  position: relative;
  left: 40%;
  top: 15%;
  padding: 20px;
}

page-add-anouther-account .background .logo {
  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;
  width: 100%;
  margin-bottom: 25px;
}

page-add-anouther-account .background .logo img {
  width: 240px;
}

page-add-anouther-account .background .container-form-login .form-input {
  border: 1px solid #dbdbe1;
  border-radius: 8px;
  padding: 0px 10px;
  margin-bottom: 13px;
}

page-add-anouther-account .background .container-form-login .form-input img {
  opacity: 0.6;
}

page-add-anouther-account .background .container-form-login .utility .keep-login {
  padding-left: 0 !important;
}

page-add-anouther-account .background .container-form-login .utility .keep-login ion-checkbox {
  margin: 0 !important;
}

page-add-anouther-account .background .container-form-login .utility .keep-login button {
  padding: 0;
}

page-add-anouther-account .background .container-form-login .utility .keep-login > .item-inner {
  border: none !important;
}

page-add-anouther-account .background .container-form-login .utility .keep-login ion-label {
  margin-left: 10px;
}

page-add-anouther-account .background .container-form-login .utility .forgot-btn {
  padding: 5px !important;
}

page-add-anouther-account .background .container-form-login .utility .forgot-btn ion-label {
  text-transform: capitalize !important;
  font-size: 16px !important;
  color: #A5B0B7 !important;
}

page-add-anouther-account .background .container-form-login .button-login {
  margin-top: 40px;
}

page-add-anouther-account .background .container-form-login ion-input .input-cover {
  display: none;
}

page-comment .comment-list {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1px;
}

page-comment .comment-list ion-item {
  padding: 0 16px;
}

page-comment .comment-list ion-item h2 {
  color: #F68A22;
}

page-comment .comment-list div.comment-content {
  word-break: break-all;
  word-wrap: break-word;
  padding: 0 16px;
}

page-comment .option-attach {
  border-top: 1px solid #ccc;
  padding-top: 5px !important;
}

page-comment ion-textarea {
  font-size: 1em !important;
}

page-comment .cmmt-mrg {
  margin-right: 1.5em !important;
}

page-comment .grid-style {
  border-top: 0.55px solid #c8c7cc;
  padding: 0.5em !important;
}

page-comment .text-action {
  color: #F68A22 !important;
  font-size: 18px !important;
}

page-comment ion-row .sficon-molamola {
  font-size: 100pt !important;
  margin-right: 10px !important;
}

page-comment .center-ver {
  margin-top: 45% !important;
}

page-comment ion-col p {
  color: #999999 !important;
}

page-comment .header-image {
  width: 100vw;
}

page-comment .threadStarter {
  color: #7f7f7f;
}

page-comment .alignright {
  float: right;
  font-size: 0.5em;
}

page-comment .wrapping-list .item-content,
page-comment .wrapping-list .item {
  overflow: initial;
  white-space: initial;
}

page-comment .item.wrap,
page-comment .item-content.wrap {
  white-space: normal;
}

page-comment .contentForum {
  text-align: justify;
}

page-comment .main-content {
  background-color: white;
  width: 100vw;
  padding: 0.8em 0.8em 0.8em 0.8em !important;
}

page-comment .comments {
  font-size: 0.8em;
  color: #7f7f7f;
}

page-comment .margin-border {
  margin-left: 0.5em;
  margin-top: 0.5em;
}

page-comment .image-full {
  margin: 0 auto;
  padding: 0;
}

page-comment .no-data {
  width: 50% !important;
  text-align: center;
  /* justify-content: center; */
  margin: 0 auto;
}

page-comment .wrapper-list-no-data p {
  text-align: center;
  color: #808080;
  margin-bottom: 0% !important;
}

page-comment .list-md {
  margin: 0px;
}

page-comment .btn-send {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-comment .hidden {
  border-top: 0 solid #b8bcbb !important;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-comment ion-item-sliding ion-item {
  padding-left: 0 !important;
  border-bottom: 0 solid #c8c7cc !important;
  vertical-align: text-top !important;
}

page-comment ion-item-sliding ion-item ion-avatar {
  position: absolute !important;
  top: 0.2em !important;
}

page-comment ion-item-sliding ion-item div {
  margin-left: 1em !important;
}

page-comment .item-inner {
  padding-right: 0 !important;
}

page-comment ion-grid {
  margin: 0 !important;
  padding: 0 !important;
}

page-comment ion-label {
  margin: 0 !important;
  padding: 0 !important;
}

page-comment ion-col[width-20] {
  -webkit-flex: 0 0 3em;
  -ms-flex: 0 0 3em;
  -webkit-box-flex: 0;
  flex: 0 0 3em;
  max-width: 3em;
}

page-comment ion-col[width-80] {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
}

page-comment .align-left {
  float: left;
}

page-comment .align-right {
  float: right;
}

page-comment ion-list {
  min-height: 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;
}

page-comment ion-list .item-inner {
  border: none !important;
}

page-comment .icon-comment {
  color: #999999 !important;
  float: right;
  margin-right: 15px !important;
  font-size: 30px !important;
}

page-comment .col-icon {
  text-align: center !important;
}

page-comment ion-toolbar {
  background: #fff solid !important;
  border: none !important;
}

page-comment .comment-header {
  margin-bottom: 5px !important;
}

page-reply ion-item-sliding {
  word-wrap: break-word;
}

page-reply ion-item-sliding h2, page-reply ion-item-sliding p {
  margin-left: 1em !important;
  margin-top: 0.5em !important;
  color: #999999 !important;
}

page-reply ion-item-sliding p {
  line-height: 140%;
  font-weight: 200 !important;
  color: #999999 !important;
}

page-reply ion-item-sliding .date-p {
  font-size: 9pt !important;
  text-align: right !important;
  margin-bottom: 0.5em;
  float: right !important;
  color: #999999 !important;
}

page-reply .text-action {
  color: #F68A22 !important;
  font-size: 20px !important;
  margin-left: 15px !important;
}

page-reply ion-row .sficon-molamola {
  font-size: 100pt !important;
  margin-right: 10px !important;
}

page-reply .center-ver {
  margin-top: 45% !important;
}

page-reply ion-col p {
  color: #999999 !important;
}

page-reply .header-image {
  width: 100vw;
}

page-reply .threadStarter {
  color: #7f7f7f;
}

page-reply .alignright {
  float: right;
  font-size: 0.5em;
}

page-reply .wrapping-list .item-content, page-reply .wrapping-list .item {
  overflow: initial;
  white-space: initial;
}

page-reply .item.wrap, page-reply .item-content.wrap {
  white-space: normal;
}

page-reply .contentForum {
  text-align: justify;
}

page-reply .main-content {
  background-color: white;
  width: 100vw;
  padding: 0.8em 0.8em 0.8em 0.8em !important;
}

page-reply .comments {
  font-size: 0.8em;
  color: #7f7f7f;
}

page-reply .margin-border {
  margin-left: 0.5em;
  margin-top: 0.5em;
}

page-reply .image-full {
  margin: 0 auto;
  padding: 0;
}

page-reply .hidden {
  border-top: 0 solid #b8bcbb !important;
}

page-reply ion-item-sliding ion-item {
  padding-left: 0 !important;
  border-bottom: 0 solid #c8c7cc !important;
  vertical-align: text-top !important;
}

page-reply ion-item-sliding ion-item ion-avatar {
  position: absolute !important;
  top: 0.2em !important;
}

page-reply ion-item-sliding ion-item div {
  margin-left: 1em !important;
}

page-reply .item-inner {
  padding-right: 0 !important;
}

page-reply ion-grid {
  margin: 0 !important;
  padding: 0 !important;
}

page-reply ion-label {
  margin: 0 !important;
  padding: 0 !important;
}

page-reply ion-col[width-20] {
  -webkit-flex: 0 0 3em;
  -ms-flex: 0 0 3em;
  -webkit-box-flex: 0;
  flex: 0 0 3em;
  max-width: 3em;
}

page-reply ion-col[width-80] {
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%;
}

page-reply .align-left {
  float: left;
}

page-reply .align-right {
  float: right;
}

page-reply ion-list .item-inner {
  border: none !important;
}

page-reply .icon-comment {
  color: #999999 !important;
  float: right;
  margin-right: 15px !important;
  font-size: 30px !important;
}

page-reply ion-toolbar {
  background: #fff solid !important;
  border: none !important;
}

page-multi-company ion-content {
  background-color: transparent !important;
}

page-multi-company .box {
  position: relative;
}

page-multi-company .box .isi {
  padding: 26px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: auto;
  max-height: 80vh;
  width: 80%;
  overflow: auto;
  z-index: 2;
  background-color: white;
  border-radius: 6px;
}

page-multi-company .box .isi .gd-title ion-label {
  color: #58595b !important;
  font-weight: bold !important;
  font-size: 12px !important;
  text-transform: uppercase;
  border-bottom: 1px solid #e2e9ed;
  padding-bottom: 14px;
}

page-multi-company .box .isi .idup .status {
  display: block !important;
}

page-multi-company .box .isi .idup .comp-name {
  color: #707070 !important;
}

page-multi-company .box .isi .mcompany {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-multi-company .box .isi .mcompany .comp-name {
  font-weight: bold;
  font-size: 14px !important;
  color: #a5b0b7;
  font-family: "Roboto";
  cursor: pointer;
  letter-spacing: 1px;
  margin: 12px 0;
  white-space: nowrap;
  width: 210px;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-multi-company .box .isi .mcompany .status {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  display: none;
}

page-multi-company .box .overlay {
  background-color: black;
  opacity: .1;
  position: relative;
  height: 100vh;
  width: 100vw;
  top: 0;
  right: 0;
  z-index: 1;
}

gd-teammates {
  background-color: #f5f7f9 !important;
  overflow: auto;
}

gd-teammates .onleave .my-icon {
  border: 1px solid #fb745e;
  color: #fb745e;
  border-radius: 200px;
  font-size: 10px;
  padding: 4px 10px;
  text-align: center;
}

@media screen and (min-width: 960px) {
  gd-teammates .header {
    display: none !important;
  }
  gd-teammates .content {
    border-radius: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 5px 0px !important;
  }
  gd-teammates .content div.all-teammates {
    padding-left: 0;
    padding-right: 0;
  }
}

gd-teammates .header {
  padding: 32px 25px;
}

gd-teammates .header img {
  margin-right: 10.1px;
}

gd-teammates .header .title-block {
  margin: 0 !important;
  font-family: "bold" !important;
}

gd-teammates .sub-title {
  color: #192528 !important;
  font-size: 14px !important;
  margin-bottom: -10px;
}

gd-teammates .content {
  background: #fff;
  border-radius: 20px 20px 0 0;
  -webkit-box-shadow: 0px -8px 10px -7px rgba(0, 0, 0, 0.1);
  box-shadow: 0px -8px 10px -7px rgba(0, 0, 0, 0.1);
  padding: 20px;
  position: relative;
}

gd-teammates .content .all-teammates {
  margin-bottom: 16px;
}

gd-teammates .content .all-teammates .skeleton-head .skeleton-title {
  width: 100px;
  height: 12px;
  border-radius: 4px;
  margin-bottom: 18px;
}

gd-teammates .content .all-teammates .skeleton-head .skeleton-page {
  width: 45px;
  height: 12px;
  border-radius: 4px;
}

gd-teammates .content .locked-team {
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translate(-50%, 0%);
  transform: translate(-50%, 0%);
  background-color: white;
  width: 100%;
  padding: 12px;
}

gd-teammates .content .locked-team .title {
  font-family: "bold";
  font-size: 14px;
  color: #222;
  text-align: center;
  margin: 0;
  margin-bottom: 8px;
}

gd-teammates .content .locked-team .desc {
  font-size: 14px;
  font-family: "italic";
  color: #A5B0B7;
  text-align: center;
  margin: 0 auto;
  max-width: 220px;
}

gd-teammates .content .text-wrap {
  white-space: normal;
  width: 60px;
  line-height: 18px;
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 auto;
  margin-top: -3px;
  text-transform: capitalize;
}

gd-teammates .content .text-wrap::first-letter {
  text-transform: uppercase;
}

gd-teammates .content .all-teammates-head {
  margin: 0px 0px 10px;
}

gd-teammates .content .all-teammates-head .pagination {
  margin-top: 2px;
}

gd-teammates .content .all-teammates-head .pagination .current-page {
  margin: 0px 10px !important;
}

gd-teammates .content .all-teammates-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

gd-teammates .content .all-teammates-body .my-all-teammates,
gd-teammates .content .all-teammates-body .skeleton-box,
gd-teammates .content .all-teammates-body .locked-box {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc((100% - 0px) / 4);
  -ms-flex: 0 0 calc((100% - 0px) / 4);
  flex: 0 0 calc((100% - 0px) / 4);
  margin-bottom: 20px;
}

gd-teammates .content .all-teammates-body .my-all-teammates:last-child,
gd-teammates .content .all-teammates-body .my-all-teammates:nth-child(4),
gd-teammates .content .all-teammates-body .skeleton-box:last-child,
gd-teammates .content .all-teammates-body .locked-box:last-child {
  margin-right: 0;
}

gd-teammates .content .all-teammates-body .skeleton-box gd-avatar .skeleton {
  margin-bottom: 8px;
}

gd-teammates .content .all-teammates-body .skeleton-box .skeleton-top,
gd-teammates .content .all-teammates-body .skeleton-box .locked-top {
  margin-bottom: 5px;
}

gd-teammates .content .all-teammates-body .skeleton-box .skeleton-status,
gd-teammates .content .all-teammates-body .skeleton-box .skeleton-top,
gd-teammates .content .all-teammates-body .skeleton-box .locked-status,
gd-teammates .content .all-teammates-body .skeleton-box .locked-top {
  width: 38px;
  height: 10px;
  border-radius: 4px;
}

gd-teammates .content .all-teammates-body .locked-box .avatar {
  margin-bottom: 8px;
}

gd-teammates .content .all-teammates-body .locked-box .locked-status,
gd-teammates .content .all-teammates-body .locked-box .locked-top {
  margin: 0 auto;
  background: #e2e9ed;
}

gd-teammates .content .all-teammates-body .name {
  text-align: center;
  margin: 5px 0px 10px;
}

gd-teammates .content .all-teammates-body .attendance .start-in .data-in {
  margin-left: 5px;
  text-align: center;
}

gd-teammates .content .all-teammates-body .attendance .start-out .data-out {
  margin-left: 5px;
  text-align: center;
}

gd-teammates .content .all-teammates-body .attendance .onleave {
  margin-top: 10px;
  margin-left: -5px;
}

gd-teammates .content .all-teammates-body .add {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  align-self: start;
  text-align: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc((100% - 0px) / 4);
  -ms-flex: 0 0 calc((100% - 0px) / 4);
  flex: 0 0 calc((100% - 0px) / 4);
  cursor: pointer;
}

gd-teammates .content .all-teammates-body .add img {
  margin-top: 8px;
  margin-bottom: 12px;
  width: 42px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

gd-teammates .content .all-teammates-body .add .text-wrap {
  white-space: normal;
  width: 60px;
  line-height: 18px;
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 auto;
  margin-top: -3px;
  text-transform: capitalize;
}

gd-teammates .content .all-teammates-body .add .text-wrap::first-letter {
  text-transform: uppercase;
}

page-like ion-list {
  margin-left: 20px !important;
}

page-like .align-left {
  float: left;
  width: 50%;
}

page-like .align-right {
  float: right;
}

page-like .follow-button {
  width: 8em;
  margin-top: 10px !important;
}

page-like .follow-button .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  font-size: 1.2em !important;
  margin: 0 auto !important;
  text-transform: capitalize !important;
}

page-like .following-button {
  width: 8em;
  background-color: #fff !important;
  margin-top: 10px !important;
}

page-like .following-button .button-inner {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important;
  font-size: 1.2em !important;
  margin: 0 auto !important;
  color: #189dae !important;
  text-transform: capitalize !important;
}

page-like ion-item {
  padding-bottom: 5px !important;
  border-bottom: 0px solid #dedede !important;
}

page-like h2 {
  font-weight: bold !important;
}

page-like ion-row .sficon-molamola {
  font-size: 100pt !important;
  margin-right: 10px !important;
}

page-like .center-ver {
  margin-top: 45% !important;
}

page-list-multi-account .content {
  padding: 16px !important;
}

page-list-multi-account .content .back-box {
  margin-bottom: 15px;
}

page-list-multi-account .content .parent {
  width: 100%;
  margin-bottom: 5px;
}

page-list-multi-account .content .parent .my-info {
  overflow: hidden;
  margin-top: 5px;
  margin-left: 10px;
}

page-list-multi-account .content .parent .my-info .welcome-name {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px;
  margin-left: 5px;
}

page-list-multi-account .content .parent .my-info .welcome-name ion-label.name {
  font-weight: bold;
  color: #222 !important;
  font-size: 14px !important;
}

page-list-multi-account .content .parent .my-info .welcome-name ion-label.company {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 5px !important;
}

page-list-multi-account .content .multi-account-option .back-btn {
  width: 18px;
}

page-list-multi-account .content .multi-account-option .multi-account-manage {
  padding: 10px 13px;
}

page-list-multi-account .content .multi-account-option .multi-account-manage img {
  margin-right: 10px;
}

page-list-multi-account .content .multi-account-option .multi-account-manage ion-label {
  color: #A5B0B7 !important;
}

page-list-multi-account .disableLoading {
  opacity: 0.6;
}

page-modaltour ion-content {
  background-color: transparent !important;
}

page-modaltour ion-content .scroll-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: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  overflow: hidden;
}

page-modaltour ion-content .box {
  background: white;
  height: auto;
  border-radius: 15px 15px 0px 0px;
}

page-modaltour ion-content .box .isi {
  padding: 30px 35px 40px 35px;
}

page-modaltour ion-content .box .isi h2 {
  font-size: 25px;
}

page-modaltour ion-content .box .isi .desc {
  color: #A5B0B7 !important;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  margin-bottom: 24px;
}

page-modaltour ion-content .box .isi .my-btn {
  width: 151px;
  height: 41px;
  border-radius: 10px;
  background-color: #63BEFB;
  color: white;
}

page-popover ion-icon {
  color: #018bc9;
}

page-post2 .attachment-box {
  overflow: hidden;
  overflow-x: scroll;
  position: relative;
  padding-top: 20px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: 300px;
}

page-post2 .attachment-box .img-section {
  position: relative;
}

page-post2 .attachment-box .img-section img {
  -o-object-fit: cover;
  object-fit: cover;
  background-position: 50%, 50%;
  width: 100%;
  height: 100%;
}

page-post2 .attachment-box .img-section image-component {
  -o-object-fit: cover;
  object-fit: cover;
  background-position: 50%, 50%;
  width: 100%;
  height: 100%;
}

page-post2 .attachment-box .single-img {
  width: 100%;
  height: 100%;
  margin: 0;
}

page-post2 .attachment-box .double-img,
page-post2 .attachment-box .triple-img:first-child,
page-post2 .attachment-box .four-img:first-child,
page-post2 .attachment-box .more-img:first-child {
  width: 100%;
  height: 50%;
  margin-bottom: 8px;
}

page-post2 .attachment-box .double-img:last-child {
  margin-bottom: 0 !important;
}

page-post2 .attachment-box .triple-img:last-child,
page-post2 .attachment-box .four-img:last-child,
page-post2 .attachment-box .more-img:nth-child(4) {
  margin-right: 0 !important;
}

page-post2 .attachment-box .triple-img:nth-child(2),
page-post2 .attachment-box .triple-img:nth-child(3) {
  height: 50%;
  width: calc(50% - 5px);
  margin-right: 10px;
}

page-post2 .attachment-box .four-img:nth-child(2),
page-post2 .attachment-box .four-img:nth-child(3),
page-post2 .attachment-box .four-img:nth-child(4),
page-post2 .attachment-box .more-img:nth-child(2),
page-post2 .attachment-box .more-img:nth-child(3),
page-post2 .attachment-box .more-img:nth-child(4) {
  height: 50%;
  width: calc(33% - 6.6px);
  margin-right: 10px;
}

page-post2 .attachment-box .more {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 32px;
  font-family: "regular";
  position: absolute;
  top: 0;
  right: 0;
}

page-post2 .attachment-box .close-btn-box {
  background-color: #F0624D !important;
  border-radius: 200px !important;
  position: absolute;
  top: 7px;
  right: 7px;
  width: 22px;
  height: 22px;
  cursor: pointer;
}

page-post2 .attachment-box .close-btn {
  color: #f4f4f4 !important;
  font-size: 16px;
  border: none !important;
}

page-post2 ion-content {
  background: transparent !important;
}

page-post2 ion-content .scroll-content {
  padding: 0px !important;
  overflow-y: hidden;
}

page-post2 ion-content .box {
  background: #f6f8fa;
  width: 647.53px;
  min-height: 400px;
  border-radius: 10px;
  margin: 150px auto 0 auto;
}

page-post2 ion-content .box .profile-box {
  width: 100%;
  padding: 19px;
}

page-post2 ion-content .box .profile-box gd-avatar ion-avatar {
  margin: 0 !important;
}

page-post2 ion-content .box .profile-box .gd-myprofile {
  overflow: hidden;
}

page-post2 ion-content .box .profile-box .gd-myprofile ion-label {
  text-align: start;
}

page-post2 ion-content .box .profile-box .gd-myprofile .name {
  color: #222 !important;
  font-weight: 600;
  margin-bottom: 3px;
}

page-post2 ion-content .box .profile-box .gd-myprofile .position {
  color: #A5B0B7 !important;
}

page-post2 ion-content .box .profile-box button {
  border-radius: 10px;
  background-color: #F68A22 !important;
}

page-post2 ion-content .box .profile-box .action {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
  -ms-flex-flow: row-reverse;
  flex-flow: row-reverse;
}

page-post2 ion-content .box .post-box {
  padding: 0 19px 0 19px;
  background-color: white;
  min-height: 152.56px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 10px -8px #192528;
  box-shadow: 1px 1px 10px -8px #192528;
  width: 100%;
  overflow: auto;
}

page-post2 ion-content .box .post-box .post-comment {
  padding: 16px;
}

page-post2 ion-content .box .post-box .post-comment textarea {
  width: 100%;
  border-radius: 0;
  background: transparent;
  resize: none;
  border: none;
  margin-top: 10px;
  overflow: hidden;
}

page-post2 ion-content .box .post-box .uploaded-box .img-section:first-child {
  width: 100%;
}

page-post2 ion-content .box .footer {
  padding: 0 19px 19px 19px;
  padding-top: 20px;
  width: 100%;
}

page-post2 ion-content .box .footer .toggle-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-post2 ion-content .box .footer .toggle-section ion-label {
  font-size: 15px !important;
  margin: 0;
}

page-post2 ion-content .box .footer .toggle-section ion-toggle {
  height: 45px;
  padding: 12px 7px 12px 0;
}

page-post2 ion-content .box .footer .right-menu img {
  width: 28px;
  height: 28px;
}

page-post2 ion-content .box .footer .right-menu button {
  width: 80px;
  max-width: 80%;
  height: 41px;
  color: white;
  -webkit-box-shadow: 0px 7px 12px 0px #fbac5e !important;
  box-shadow: 0px 7px 12px 0px #fbac5e !important;
  border-radius: 10px;
}

page-post2 ion-content .container-preview {
  overflow: auto;
  height: 334px;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  padding: 0px 0px 19px 0px;
}

page-post2 ion-content .container-preview .header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  padding: 19px;
  margin: 0;
}

page-post2 ion-content .container-preview .header .handler {
  width: 70px;
  height: 5px;
  border-radius: 50px;
  background-color: #eaecee;
}

page-post2 ion-content .container-preview .header .back ion-icon {
  color: #222 !important;
  font-weight: bold;
  font-size: 19px !important;
}

page-post2 ion-content .container-preview .header .back ion-label {
  color: #222 !important;
  font-family: "bold" !important;
  font-size: 19px !important;
  text-align: left !important;
}

page-post2 ion-content .container-preview .img-box {
  overflow: auto;
  margin-bottom: 0 !important;
  padding: 19px;
}

page-post2 ion-content .container-preview .img-box .img-section {
  width: 100%;
  height: 176px;
  position: relative;
}

page-post2 ion-content .container-preview .img-box .img-section img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-post2 ion-content .container-preview .img-box .img-section .close-btn {
  position: absolute;
  top: 7px;
  right: 7px;
  color: rgba(255, 255, 255, 0.6);
  font-size: 16px;
  background-color: #F0624D;
  border-radius: 200px;
  width: 27px;
  height: 27px;
  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;
  cursor: pointer;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: none !important;
}

page-post2 ion-content .container-preview .add-box {
  padding: 10px 18px;
  position: absolute;
  bottom: 12px;
  right: 12px;
  border-radius: 10px;
  background-color: white;
  -webkit-box-shadow: 0px 17px 30px 0px rgba(0, 0, 0, 0.32);
  box-shadow: 0px 17px 30px 0px rgba(0, 0, 0, 0.32);
}

page-post2 ion-content .container-preview .add-box img {
  width: 28px;
  height: 28px;
}

@media screen and (max-width: 768px) {
  page-post2 ion-content .box {
    width: 100% !important;
    height: calc(100% - 91px) !important;
    margin-top: 91px;
    margin-left: 0 !important;
    border-radius: 10px 10px 0 0;
  }
  page-post2 ion-content .box .profile-box {
    padding: 0 19px 19px 19px;
  }
  page-post2 ion-content .content-toggle {
    padding: 14px 18px;
    z-index: 9999;
  }
  page-post2 ion-content .content-toggle .toggle {
    width: 70px;
    height: 5px;
    background-color: #eaecee;
    border-radius: 50px;
  }
}

page-post2 ion-content .overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

@media screen and (max-width: 400px) {
  page-post2 .footer {
    margin-top: 11.4px !important;
  }
  page-post2 .footer .right-menu {
    margin-bottom: 10px;
  }
}

page-post-detail .scroll-content {
  overflow-y: auto;
}

page-post-detail .multi-img {
  height: 100%;
}

page-post-detail ion-content {
  background-color: #000 !important;
}

page-post-detail ion-footer {
  border: none !important;
  margin-bottom: 10px !important;
  padding-bottom: 0 !important;
}

page-post-detail h2 {
  color: #189dae !important;
}

page-post-detail ion-item {
  background-color: #000 !important;
}

page-post-detail ion-item .item-inner {
  margin-left: 20px !important;
  margin-right: 10px !important;
  margin-bottom: -10px !important;
  border: none !important;
}

page-post-detail .align-left {
  float: left;
}

page-post-detail .align-right {
  float: right;
}

page-post-detail .text-comments {
  font-size: 1.1em !important;
  margin-top: 10px !important;
  text-align: center;
  top: 50%;
  margin-top: 0.7em;
}

page-post-detail .main-pic {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  height: 100% !important;
  -o-object-position: center !important;
  object-position: center !important;
}

page-post-detail .list-ios > .item-block:last-child {
  border: none;
}

page-post-detail .list-ios > .item-block:first-child {
  border: none;
}

page-post-detail .text-comments, page-post-detail .align-left {
  color: white !important;
}

page-progressbar .scroll-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;
  overflow: hidden;
  text-align: center;
}

page-progressbar ion-content {
  background-color: #febe38 !important;
}

page-progressbar ion-content .content img {
  margin-bottom: 5px;
}

page-progressbar ion-content .content .backgroound-bar {
  width: 198px;
  height: 10px;
  background-color: rgba(255, 255, 255, 0.33);
  border-radius: 10px;
  margin: 0 auto;
  position: relative;
}

page-progressbar ion-content .content .backgroound-bar .bar {
  width: 0%;
  height: 10px;
  background-color: white;
  border-radius: 10px;
  margin: 0 auto;
  position: absolute;
}

page-progressbar ion-content .content .text {
  color: white !important;
  font-size: 20px !important;
  margin-top: 35px;
}

page-search-all-employee .header {
  -webkit-box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 1px 10px 0px rgba(0, 0, 0, 0.4);
  position: -webkit-sticky;
  position: sticky;
  background: white;
}

page-search-all-employee .header img {
  margin-right: 10.1px;
  margin-bottom: -24.5px;
  margin-top: 6px;
  cursor: pointer;
}

page-search-all-employee .header .searchbar-input-container {
  margin-top: -15px;
}

page-search-all-employee .header .searchbar-ios {
  padding: 0 8px;
  min-height: 44px;
  border-top: 1px solid transparent;
  border-bottom: 0.55px solid rgba(0, 0, 0, 0.05);
  background: white !important;
}

page-search-all-employee .header input {
  border: none;
}

page-search-all-employee .employee {
  padding: 17px;
  margin-bottom: -20px;
}

page-search-all-employee .employee .info {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-left: 8px;
  overflow: hidden;
}

page-search-all-employee .employee .info .name {
  font-size: 14px;
  color: #192528;
  font-weight: bold;
}

page-search-all-employee .employee .info .position {
  font-size: 14px;
  color: #a5b0b7;
  margin-top: 4px;
}

page-search-all-employee .employee .bounce {
  -webkit-animation: bounceInUp 0.5s ease-in;
  animation: bounceInUp 0.5s ease-in;
}

@-webkit-keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

page-search-all-employee .skeleton-section {
  border-bottom: 1px solid #dbdbe1 !important;
}

page-search-all-employee .skeleton-section .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

page-search-all-employee .skeleton-section .chat-skeleton {
  height: 40px;
}

page-search-all-employee .skeleton-section .chat-skeleton .username {
  background-color: #DEDEDE !important;
  margin: 25px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 60px;
  border-radius: 2px;
}

page-search-all-employee .skeleton-section .chat-skeleton .slug {
  background-color: #DEDEDE !important;
  margin: 10px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 150px;
  border-radius: 2px;
}

page-search-all-employee .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

page-search-all-employee .toolbar-content.toolbar-content-md {
  margin-top: 12px;
}

page-switch-account .responsive-custom .logo {
  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;
  width: 100%;
  margin: 25px 0;
}

page-switch-account .responsive-custom .logo img {
  width: 240px;
}

page-switch-account .responsive-custom .multi-account {
  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24);
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24);
  background: #fff;
  border-radius: 8px;
}

page-switch-account .responsive-custom .multi-account .content .parent .my-info {
  overflow: hidden;
  margin-top: 5px;
  margin-left: 5px;
}

page-switch-account .responsive-custom .multi-account .content .parent .my-info .welcome-name {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px;
  margin-left: 5px;
}

page-switch-account .responsive-custom .multi-account .content .parent .my-info .welcome-name ion-label.name {
  font-weight: bold;
  color: #222 !important;
  font-size: 14px !important;
}

page-switch-account .responsive-custom .multi-account .content .parent .my-info .welcome-name ion-label.company {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 5px !important;
}

page-switch-account .responsive-custom .multi-account .content .remove svg-icon.mySvg {
  fill: #a5b0b7 !important;
}

page-switch-account .responsive-custom .multi-account .content .remove svg-icon.mySvg svg path,
page-switch-account .responsive-custom .multi-account .content .remove svg-icon.mySvg svg line,
page-switch-account .responsive-custom .multi-account .content .remove svg-icon.mySvg svg ellipse,
page-switch-account .responsive-custom .multi-account .content .remove svg-icon.mySvg svg polyline,
page-switch-account .responsive-custom .multi-account .content .remove svg-icon.mySvg svg polygon,
page-switch-account .responsive-custom .multi-account .content .remove svg-icon.mySvg svg circle,
page-switch-account .responsive-custom .multi-account .content .remove svg-icon.mySvg svg rect {
  stroke: #a5b0b7 !important;
}

page-switch-account .responsive-custom .multi-account .content .multi-account-option .multi-account-manage {
  padding: 10px 13px;
  margin-top: 5px;
  margin-bottom: -20px;
}

page-switch-account .responsive-custom .multi-account .content .multi-account-option .multi-account-manage img {
  margin-right: 10px;
  opacity: 0.4;
}

@media screen and (max-width: 768px) {
  page-switch-account .responsive-custom .add-account {
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24);
    border-radius: 8px;
  }
  page-switch-account .responsive-custom .add-account .overlay {
    display: none;
  }
  page-switch-account .responsive-custom .add-account .background {
    width: 100% !important;
    position: unset !important;
    left: unset !important;
    top: unset !important;
  }
  page-switch-account .responsive-custom .add-account .background .logo {
    display: none;
  }
  page-switch-account .responsive-custom .check-box {
    margin-top: 3px;
  }
}

page-switch-account .responsive-custom .add-account .multi-header {
  display: none;
}

page-switch-account .responsive-custom .add-account .header img {
  margin-right: 10px;
  width: 20px;
}

page-switch-account .responsive-custom .add-account .body {
  border: 1px solid #dbdbe1;
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 8px;
}

page-switch-account .responsive-custom .add-account .body input[type="text"] {
  border: none;
  width: 100%;
}

page-switch-account .responsive-custom .add-account .body input[type="password"] {
  border: none;
  width: 100%;
}

page-switch-account .responsive-custom .add-account .body img {
  opacity: 0.3;
}

page-switch-account .responsive-custom .add-account .footer {
  margin-top: 41px;
}

page-switch-account .responsive-custom .add-account .utility .keep-login {
  padding-left: 0 !important;
}

page-switch-account .responsive-custom .add-account .utility .keep-login ion-checkbox {
  margin: 0 !important;
}

page-switch-account .responsive-custom .add-account .utility .keep-login button {
  padding: 0;
}

page-switch-account .responsive-custom .add-account .utility .keep-login > .item-inner {
  border: none !important;
}

page-switch-account .responsive-custom .add-account .utility .keep-login ion-label {
  margin-left: 10px;
}

page-switch-account .responsive-custom .add-account .utility .forgot-btn {
  padding: 5px !important;
}

page-switch-account .responsive-custom .add-account .utility .forgot-btn ion-label {
  text-transform: capitalize !important;
  font-size: 16px !important;
  color: #A5B0B7 !important;
}

page-switch-account .responsive-custom .utility .keep-login {
  padding-left: 0 !important;
}

page-switch-account .responsive-custom .utility .keep-login ion-checkbox {
  margin: 0 !important;
}

page-switch-account .responsive-custom .utility .keep-login button {
  padding: 0;
}

page-switch-account .responsive-custom .utility .keep-login > .item-inner {
  border: none !important;
}

page-switch-account .responsive-custom .forgot-btn {
  padding: 5px !important;
}

page-switch-account .responsive-custom .forgot-btn ion-label {
  text-transform: capitalize !important;
  font-size: 16px !important;
}

page-switch-account .responsive-custom .sec_demo {
  margin-top: 15px;
  border-top: 1px solid #dbdbe1;
  padding-top: 10px;
}

page-switch-account .responsive-custom .sec_demo ion-label {
  color: #F68A22 !important;
  text-align: left;
}

page-switch-account .responsive-custom .disableLoading {
  opacity: 0.6;
}

@media screen and (min-width: 1280px) {
  page-switch-account .responsive-custom {
    width: 30% !important;
    margin: 0 auto;
  }
  page-switch-account .responsive-custom .background {
    width: 100% !important;
    position: unset !important;
    left: unset !important;
    top: unset !important;
  }
  page-switch-account .responsive-custom .background .logo {
    display: none;
  }
}

page-try-beta-modal ion-content {
  background-color: transparent !important;
}

page-try-beta-modal ion-content .box {
  background: white;
  border-radius: 8px;
  padding: 16px;
  height: auto;
}

page-try-beta-modal ion-content .box h1 {
  margin-top: 16px !important;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
}

page-try-beta-modal ion-content .box p {
  text-align: center;
  color: #A5B0B7;
}

.page-load-onboarding {
  text-align: center !important;
  margin: auto !important;
  background: #fff;
}

.page-load-onboarding .toolbar-background {
  background: #fff;
  border-color: transparent;
}

.page-load-onboarding b {
  font-weight: 500;
}

.page-load-onboarding p {
  padding: 0 40px;
  font-size: 14px;
  line-height: 1.5;
  color: white;
}

.page-load-onboarding p b {
  color: white;
}

.page-load-onboarding .logo {
  height: 30% !important;
  width: 100%;
}

.page-load-onboarding .logo .logo-icon {
  text-align: center;
  font-size: 40px;
  padding-top: 25%;
  color: white;
}

.page-load-onboarding .logo .logo-icon-web {
  text-align: center;
  font-size: 40px;
  color: white;
}

.page-load-onboarding .cancel-btn {
  margin-top: 50%;
  margin-left: 2.5%;
  width: 46%;
}

.page-load-onboarding .next-btn {
  margin-top: 50%;
  margin-left: 2%;
  width: 46%;
}

.page-load-onboarding .btn-center {
  position: fixed;
  bottom: 0;
  margin: auto;
  width: 100%;
  margin-bottom: 2.7em !important;
}

.page-load-onboarding .btn-center p {
  position: fixed;
  bottom: 0;
  margin: auto;
  margin-bottom: 1.2em;
  width: 100%;
}

.page-load-onboarding .btn-stroke-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

.page-load-onboarding .btn-stroke-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

.page-load-onboarding .btn-stroke-footer-action-page ul li {
  display: inline-block;
  margin-right: 1px !important;
  list-style: none;
  background-color: none !important;
  border: 1px solid white;
  padding: 1em 1.5em;
  color: #fff;
  margin: 0.5em 0;
  min-width: 1em;
  text-transform: capitalize;
}

.page-load-onboarding .btn-stroke-footer-action-page ul .spc-color {
  background-color: #f37249;
}

.page-load-onboarding .btn-stroke-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

.page-load-onboarding .btn-stroke-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

.page-load-onboarding .btn-stroke-footer-action-page:active {
  color: rgba(0, 0, 0, 0.4) !important;
}

.page-load-onboarding .loading-wrapper {
  float: left;
  width: 100%;
  /*background-color: yellow;*/
}

.page-load-onboarding .loading {
  padding: 20px;
  margin: auto;
  width: 15em;
  height: 15em;
  position: relative;
}

.page-load-onboarding .circle-outer, .page-load-onboarding .circle-inner {
  width: 100% !important;
  left: 0;
  right: 0;
  height: 0;
  bottom: 0;
  margin: auto;
}

.page-load-onboarding #circle {
  -webkit-animation: rotation 1s infinite linear;
}

.page-load-onboarding #circle-2 {
  -webkit-animation: rotation_2 1.5s infinite linear;
}

@-webkit-keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@-webkit-keyframes rotation_2 {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-359deg);
  }
}

.page-load-onboarding .desc-1, .page-load-onboarding .desc-2, .page-load-onboarding .desc-3, .page-load-onboarding .desc-4, .page-load-onboarding .desc-5, .page-load-onboarding .desc-6 {
  width: 100%;
  text-align: center;
}

.page-load-onboarding .desc-1 {
  margin-top: 1em;
  /*background-color: blue;*/
  font-family: medium;
  color: #189dae;
  font-size: 2em;
}

.page-load-onboarding .desc-2 {
  margin-top: 1em;
  font-family: light;
  color: #8e9093;
  font-size: 1em;
  /*background-color: magenta;*/
}

.page-load-onboarding .desc-3 {
  margin-top: 0.1em;
  font-family: medium;
  color: #189dae;
  font-size: 1.5em;
  /*background-color: cyan;*/
}

.page-load-onboarding .desc-4 {
  margin-top: 2em;
  font-family: regular;
  color: #189dae;
  font-size: 1em;
  /*background-color: red;*/
}

page-login-session ion-checkbox[grd-checkbox] .checkbox-icon, ion-checkbox[grd-checkbox] page-login-session .checkbox-icon, page-login-session ion-checkbox[gdx-checkbox] .checkbox-icon, ion-checkbox[gdx-checkbox] page-login-session .checkbox-icon, page-login-session .check-subsection .checkbox-icon {
  border-radius: 4px !important;
  margin: 0 0 0 10px;
  width: 25px;
  height: 24px;
  background: #F68A22;
}

page-login-session ion-checkbox[grd-checkbox] .checkbox-icon .checkbox-inner, ion-checkbox[grd-checkbox] .checkbox-icon page-login-session .checkbox-inner, page-login-session ion-checkbox[gdx-checkbox] .checkbox-icon .checkbox-inner, ion-checkbox[gdx-checkbox] .checkbox-icon page-login-session .checkbox-inner, page-login-session .check-subsection .checkbox-icon .checkbox-inner {
  top: 3px !important;
  left: 7px !important;
  height: 11px !important;
  width: 6px !important;
  border-color: white;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
}

page-chat-contact ion-content .list-box .label-box page-login-session ion-label, page-chat-contact ion-content .list-box .list-section .detail page-login-session ion-label, page-login-session ion-content .list-box .label-box ion-label, page-login-session ion-content .list-box .list-section .detail ion-label, page-onboarding-setting ion-content .list-box .label-box page-login-session ion-label, page-onboarding-setting ion-content .list-box .list-section .detail page-login-session ion-label {
  font-size: 1.5rem !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-login-session ion-header ion-input {
  font-size: 1.7rem;
  font-family: 'regular';
  color: black;
}

page-login-session ion-header input::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-login-session ion-header input::-moz-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-login-session ion-header input::-ms-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-login-session ion-header input::placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-login-session ion-header ion-icon {
  font-size: 1.8em;
}

page-login-session ion-content .list-box .label-box {
  border-bottom: 1px solid #E2E9ED;
}

page-login-session ion-content .list-box .btn-box {
  border-bottom: 1px solid #E2E9ED;
}

page-login-session ion-content .list-box .btn-box .circle-plus {
  margin-right: 11px;
  background: #F68A22;
  width: 43px;
  height: 43px;
  border-radius: 200px;
  color: #ffffff;
}

page-login-session ion-content .list-box .btn-box .btn-add-group {
  font-size: 1.8rem !important;
  color: #F68A22 !important;
  font-family: 'roboto' !important;
}

page-login-session ion-content .list-box ion-checkbox .checkbox-icon {
  background: white;
  border: 2px solid #A5B0B7;
}

page-login-session ion-content .list-box ion-checkbox .checkbox-checked {
  background-color: #F68A22;
  border: none;
}

page-login-session ion-content .list-box ion-checkbox .checkbox-checked .checkbox-inner {
  left: 7px;
  top: 2.5px;
  width: 7px;
  height: 14px;
}

page-login-session ion-content .list-box .list-section {
  border-bottom: 1px solid #E2E9ED;
  padding: 5px 16px;
}

page-login-session ion-content .list-box .list-section .detail {
  overflow: hidden;
}

page-login-session ion-content .list-box .list-section .detail h2 {
  font-size: 1.5rem;
  font-family: 'roboto';
  color: #58595B;
  margin: 0 0 1px 0;
  text-transform: capitalize;
}

page-login-session .select-emp-btn {
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
}

page-login-session .select-emp-btn:hover {
  background-color: #008c9e !important;
}

page-login-session .edit-btn {
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
}

page-login-session .edit-btn:hover {
  background-color: #008c9e !important;
  color: white !important;
}

page-login-session .delete-btn {
  color: #F0624D !important;
  border-color: #F0624D;
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
}

page-login-session .delete-btn:hover {
  background-color: #F0624D !important;
  border-color: #F0624D !important;
  color: white !important;
}

page-login-session .delete-check-btn {
  color: white;
  background-color: #F0624D;
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
}

page-login-session .delete-check-btn:hover {
  background-color: #c0394b !important;
}

page-login-session .cancel-check-btn {
  background-color: #f4f4f4;
  color: #909191;
  border: 0.5px solid #DEDEDE;
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
}

page-login-session .cancel-check-btn:hover {
  background-color: #e0e0e0 !important;
  color: #7F7F7F !important;
}

page-login-session .icon-padding {
  padding-right: 8px;
}

page-login-session .label-padding {
  padding-left: 8px;
}

page-login-session .check-subsection .checkbox-icon {
  border: 1px solid #A5B0B7;
  background: white;
}

page-login-session .check-subsection .checkbox-checked {
  background: #F68A22 !important;
  border: 1px solid white !important;
}

page-login-session ion-spinner {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

page-login-session .skeleton-section {
  border-bottom: 1px solid #dbdbe1 !important;
}

page-login-session .skeleton-section .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

page-login-session .skeleton-section .chat-skeleton {
  height: 40px;
}

page-login-session .skeleton-section .chat-skeleton .username {
  background-color: #DEDEDE !important;
  margin: 25px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 60px;
  border-radius: 2px;
}

page-login-session .skeleton-section .chat-skeleton .slug {
  background-color: #DEDEDE !important;
  margin: 10px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 150px;
  border-radius: 2px;
}

page-login-session .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

.utility .keep-login {
  padding-left: 0 !important;
}

.utility .keep-login ion-checkbox {
  margin: 0 !important;
}

.utility .keep-login button {
  padding: 0;
}

.utility .keep-login > .item-inner {
  border: none !important;
}

.forgot-btn {
  padding: 5px !important;
}

.forgot-btn ion-label {
  text-transform: capitalize !important;
  font-size: 16px !important;
}

.sec_demo {
  margin-top: 15px;
  border-top: 1px solid #dbdbe1;
  padding-top: 10px;
}

.sec_demo ion-label {
  color: #F68A22 !important;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .check-box {
    margin-top: 3px;
  }
}

.agree-label p {
  margin: 0;
  padding: 0 0 0 14px;
}

.ios section,
.ios aside,
.md section,
.md aside {
  margin: 1.858736059%;
  /*  10px ÷ 538px = .018587361 */
}

.ios section,
.md section {
  float: left;
  width: 63.197026%;
  /* 340px ÷ 538px = .63197026 */
}

.ios aside,
.md aside {
  float: right;
  width: 29.3680297%;
  /* 158px ÷ 538px = .293680297 */
}

.ios .version,
.md .version {
  width: 100%;
  text-align: center;
}

.ios .compname,
.md .compname {
  font-size: 1em;
}

.ios page-login2,
.md page-login2 {
  color: white !important;
}

.ios page-login2 .select-ios,
.ios page-login2 .select-md,
.md page-login2 .select-ios,
.md page-login2 .select-md {
  background: #f0f2f4;
  padding: 10px 25px;
  color: black !important;
  font-weight: bold;
}

.ios page-login2 .box-login-google,
.md page-login2 .box-login-google {
  padding: 14px 24px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  margin-top: 32px;
  width: 100%;
}

.ios page-login2 .box-login-google svg-icon,
.md page-login2 .box-login-google svg-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;
}

.ios page-login2 .box-login-google ion-label,
.md page-login2 .box-login-google ion-label {
  font-size: 16px !important;
  font-weight: 700;
}

.ios page-login2 .login-button,
.md page-login2 .login-button {
  background-color: #F68A22;
}

.ios page-login2 item-checkbox > item-inner,
.md page-login2 item-checkbox > item-inner {
  max-width: 165px;
  background: red;
}

.ios page-login2 .ico-log,
.md page-login2 .ico-log {
  color: #189dae !important;
  font-size: 20pt !important;
}

.ios page-login2 .label-log,
.md page-login2 .label-log {
  color: #b8bcbb !important;
  font-size: 10pt !important;
}

.ios page-login2 small,
.md page-login2 small {
  text-transform: capitalize !important;
}

.ios page-login2 .text-input,
.md page-login2 .text-input {
  margin: 8px !important;
}

.ios page-login2 .main-background,
.md page-login2 .main-background {
  width: 100%;
  background: #fff;
}

.ios page-login2 .error-login,
.md page-login2 .error-login {
  color: red;
}

.ios page-login2 #cloud-layer,
.md page-login2 #cloud-layer {
  background-image: url(../../assets/images/cloud-layer.png);
  background-size: cover;
  width: 100%;
}

.ios page-login2 ion-row,
.md page-login2 ion-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

.ios page-login2 ion-item,
.md page-login2 ion-item {
  border-radius: 2px !important;
  padding-left: 10px !important;
  margin-bottom: 2px;
  background-color: transparent;
}

.ios page-login2 .form-lwa,
.md page-login2 .form-lwa {
  border: 2px solid #d7dae0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 32px;
  margin-bottom: 5px;
  padding-left: 34px !important;
  padding-right: 16px !important;
  width: 229px;
  margin: 0 auto;
  border-bottom: 2px solid #d7dae0 !important;
}

@-webkit-keyframes smooth {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes smooth {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

.ios page-login2 .animation-lwa,
.md page-login2 .animation-lwa {
  -webkit-animation-name: smooth;
  animation-name: smooth;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  opacity: 1;
}

.ios page-login2 .form-lwa-name,
.md page-login2 .form-lwa-name {
  border: 2px solid #d7dae0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 32px;
  margin-bottom: 5px;
  padding-left: 34px !important;
  padding-right: 24px !important;
  width: 168px;
  margin: 0 auto;
  border-bottom: 2px solid #d7dae0 !important;
  margin-bottom: 10px !important;
}

.ios page-login2 .input-item,
.md page-login2 .input-item {
  border-bottom: 1px solid #dbdbe1;
  padding: 0;
  margin-top: 5px;
  position: relative;
}

.ios page-login2 .input-item ion-label.label-ion,
.md page-login2 .input-item ion-label.label-ion {
  color: #808080 !important;
  font-size: 14px !important;
  text-align: left;
  margin-bottom: 4px;
  opacity: 0.7;
}

.ios page-login2 .input-item ion-item,
.md page-login2 .input-item ion-item {
  padding-left: 0 !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ios page-login2 .input-item ion-item ion-input.input-ion input,
.md page-login2 .input-item ion-item ion-input.input-ion input {
  font-size: 15px !important;
  min-width: 100%;
  margin: 10px 0;
  color: #333333 !important;
}

.ios page-login2 .input-item ion-item ion-input.input-ion input:-webkit-autofill,
.md page-login2 .input-item ion-item ion-input.input-ion input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.ios page-login2 .input-item ion-item ion-input.input-ion .input-cover,
.md page-login2 .input-item ion-item ion-input.input-ion .input-cover {
  display: none;
}

.ios page-login2 .input-item ion-item .item-show,
.md page-login2 .input-item ion-item .item-show {
  margin-right: 0 !important;
  margin-left: 10px;
}

.ios page-login2 .input-item ion-item .item-inner,
.md page-login2 .input-item ion-item .item-inner {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.ios page-login2 .input-item .eye-icon,
.md page-login2 .input-item .eye-icon {
  margin-bottom: 7px;
}

.ios page-login2 .input-item svg-icon svg path,
.ios page-login2 .input-item svg-icon svg line,
.ios page-login2 .input-item svg-icon svg ellipse,
.ios page-login2 .input-item svg-icon svg polyline,
.ios page-login2 .input-item svg-icon svg polygon,
.ios page-login2 .input-item svg-icon svg circle,
.ios page-login2 .input-item svg-icon svg rect,
.md page-login2 .input-item svg-icon svg path,
.md page-login2 .input-item svg-icon svg line,
.md page-login2 .input-item svg-icon svg ellipse,
.md page-login2 .input-item svg-icon svg polyline,
.md page-login2 .input-item svg-icon svg polygon,
.md page-login2 .input-item svg-icon svg circle,
.md page-login2 .input-item svg-icon svg rect {
  stroke: #a5b0b7 !important;
}

.ios page-login2 .input-item .map-icon,
.md page-login2 .input-item .map-icon {
  cursor: pointer;
  position: absolute;
  left: 10px;
  bottom: 4px;
  color: #a5b0b7;
}

.ios page-login2 .input-item .search-icon,
.md page-login2 .input-item .search-icon {
  cursor: pointer;
  position: absolute;
  right: 5px;
  bottom: 3px;
  color: #a5b0b7;
}

.ios page-login2 .input-item .user-icon,
.md page-login2 .input-item .user-icon {
  cursor: pointer;
  position: absolute;
  right: 10px;
  bottom: 7px;
  color: #a5b0b7;
}

.ios page-login2 .input-item .box-login-mc,
.md page-login2 .input-item .box-login-mc {
  padding: 12px;
  border: 1px solid #808080;
  margin: 20px 0px;
}

.ios page-login2 .input-item .box-login-mc ion-label,
.md page-login2 .input-item .box-login-mc ion-label {
  margin: 0px !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

.ios page-login2 .input-item .loading-section,
.md page-login2 .input-item .loading-section {
  padding: 8px 0;
}

.ios page-login2 .login-choose ion-label,
.md page-login2 .login-choose ion-label {
  text-align: left;
}

.ios page-login2 .login-choose .section-choose .radio-choose,
.md page-login2 .login-choose .section-choose .radio-choose {
  width: 50%;
}

.ios page-login2 .login-choose .section-choose .radio-choose ion-label,
.md page-login2 .login-choose .section-choose .radio-choose ion-label {
  text-align: left;
  margin-left: 10px;
  color: #333333 !important;
  font-size: 15px !important;
}

.ios page-login2 .login-choose .section-choose .radio-choose:last-child,
.md page-login2 .login-choose .section-choose .radio-choose:last-child {
  margin-left: 22px;
}

.ios page-login2 .list-ios[inset],
.ios page-login2 .list-md[inset],
.ios page-login2 .button-ios,
.ios page-login2 .button-md,
.md page-login2 .list-ios[inset],
.md page-login2 .list-md[inset],
.md page-login2 .button-ios,
.md page-login2 .button-md {
  margin: 0 !important;
}

.ios page-login2 .button-inner,
.md page-login2 .button-inner {
  margin: 0 !important;
  padding: 0 !important;
}

.ios page-login2 ion-list,
.md page-login2 ion-list {
  margin: 0;
}

.ios page-login2 .switch-btn,
.md page-login2 .switch-btn {
  margin-bottom: 10px;
  margin-top: 5px;
  padding-right: 10px;
}

.ios page-login2 .forgot-button,
.md page-login2 .forgot-button {
  width: 200px;
  font-size: 1.9rem !important;
  font-family: regular !important;
  color: #757d7f !important;
  margin: 0.2em auto !important;
  -webkit-transition: color 0.25s ease;
  transition: color 0.25s ease;
  background-color: white;
}

.ios page-login2 .forgot-button .button-inner,
.md page-login2 .forgot-button .button-inner {
  text-align: center;
}

.ios page-login2 .forgot-button:hover,
.md page-login2 .forgot-button:hover {
  color: #F68A22 !important;
}

.ios page-login2 .demo-wrapper,
.md page-login2 .demo-wrapper {
  z-index: 100;
}

.ios page-login2 .demo-button,
.md page-login2 .demo-button {
  font-size: 14px;
  display: block;
  font-family: regular !important;
  color: #A5B0B7;
  padding: 11px 20px;
  border-radius: 10px;
  border: 1px solid #dae1e5;
}

.ios page-login2 .register-button,
.md page-login2 .register-button {
  width: 100%;
  font-size: 12pt;
  font-size: 0.8em;
  color: #fff;
  text-align: center;
  margin-top: -6em;
  height: 1.1em;
  background: #189dae;
  margin: auto;
}

.ios page-login2 .register-button .button-inner,
.md page-login2 .register-button .button-inner {
  text-align: center !important;
}

.ios page-login2 ul,
.md page-login2 ul {
  list-style-type: none;
  margin: 0;
  padding: 0em 0 2em 0;
  padding-bottom: 2em;
}

.ios page-login2 li,
.md page-login2 li {
  display: inline;
}

.ios page-login2 .help-button,
.md page-login2 .help-button {
  width: 100%;
  font-size: 0.8em;
  color: #fff;
}

.ios page-login2 .logo-sf,
.md page-login2 .logo-sf {
  margin-top: 16px;
}

.ios page-login2 .logo-sf img,
.md page-login2 .logo-sf img {
  width: 39%;
}

.ios page-login2 .label-ganti,
.md page-login2 .label-ganti {
  color: #A5B0B7 !important;
  font-size: 1.1em !important;
  margin: 12px 0 0;
}

.ios page-login2 .logo-icon,
.md page-login2 .logo-icon {
  text-align: center;
  font-size: 40px;
  top: -4px;
  position: relative;
  margin-top: 45px;
  margin-bottom: 25px;
}

.ios page-login2 .logo-icon img,
.md page-login2 .logo-icon img {
  width: 55vw;
  min-width: 80px;
  max-width: 200px;
  min-height: 100px;
  max-height: 140px;
  -o-object-fit: contain;
  object-fit: contain;
}

.ios page-login2 p,
.md page-login2 p {
  font-size: 0.7em;
  margin: 0 !important;
  padding: 0 !important;
  text-transform: capitalize;
}

.ios page-login2 ion-label[stacked],
.md page-login2 ion-label[stacked] {
  color: #000 !important;
  font-size: 0.9em !important;
}

.ios page-login2 ion-input,
.md page-login2 ion-input {
  color: #333333 !important;
}

.ios page-login2 ion-input ::-webkit-input-placeholder,
.md page-login2 ion-input ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #ced5db;
}

.ios page-login2 ion-input ::-moz-placeholder,
.md page-login2 ion-input ::-moz-placeholder {
  /* Firefox 19+ */
  color: #ced5db;
}

.ios page-login2 ion-input :-ms-input-placeholder,
.md page-login2 ion-input :-ms-input-placeholder {
  /* IE 10+ */
  color: #ced5db;
}

.ios page-login2 ion-input :-moz-placeholder,
.md page-login2 ion-input :-moz-placeholder {
  /* Firefox 18- */
  color: #ced5db;
}

.ios page-login2 .item-md ion-icon[item-left] + .item-inner,
.ios page-login2 .item-md ion-icon[item-left] + .item-input,
.md page-login2 .item-md ion-icon[item-left] + .item-inner,
.md page-login2 .item-md ion-icon[item-left] + .item-input {
  margin-left: 0;
}

.ios ion-avatar,
.md ion-avatar {
  width: 2em;
  height: 2em;
  padding: 0px;
}

.ios h6,
.md h6 {
  font-size: 1.5rem !important;
  color: #b8bcbb !important;
}

.ios .input-company-icon:after,
.md .input-company-icon:after {
  content: "\e91f";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.ios .input-key-icon:after,
.md .input-key-icon:after {
  content: "\e92d";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.ios .input-person-icon:after,
.md .input-person-icon:after {
  content: "\e939";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.ios ion-auto-complete,
.md ion-auto-complete {
  overflow: hidden !important;
  display: block;
  width: 80vw;
  display: inline-block;
  color: #000 !important;
}

.ios ion-auto-complete .hidden,
.md ion-auto-complete .hidden {
  display: none;
}

.ios ion-auto-complete ul,
.md ion-auto-complete ul {
  position: absolute;
  width: inherit;
  margin-top: 0px;
  background: #fff;
  text-align: left !important;
  list-style-type: none;
  z-index: 999;
  -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);
}

.ios ion-auto-complete ul li,
.md ion-auto-complete ul li {
  text-align: left !important;
  display: inline-block;
  margin: 0 10px;
  margin-left: 1em !important;
}

.ios ion-auto-complete ul ion-auto-complete-item,
.md ion-auto-complete ul ion-auto-complete-item {
  height: 40px;
  width: 100%;
}

.ios ion-auto-complete ul li:last-child,
.md ion-auto-complete ul li:last-child {
  border: none;
}

.ios ion-auto-complete ul li:hover,
.md ion-auto-complete ul li:hover {
  cursor: pointer;
  background: #f1f1f1;
}

.ios input[list="browsers"],
.md input[list="browsers"] {
  width: 100%;
  border: none;
}

.ios select,
.md select {
  width: 100%;
  margin: 0;
}

.ios ion-select,
.md ion-select {
  float: right !important;
}

.ios ion-select button,
.md ion-select button {
  right: 0;
  left: auto;
  width: 20%;
}

.ios ion-option,
.md ion-option {
  font-size: 3em !important;
}

.ios .icon_sosmed img,
.md .icon_sosmed img {
  width: 42px;
  height: 42px;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 13px;
}

@media screen and (min-width: 1280px) {
  .ios .mobile-padding,
  .md .mobile-padding {
    padding: 20px 0 0 0 !important;
  }
  .ios .logo-icon,
  .md .logo-icon {
    text-align: center;
    font-size: 40px;
    top: -4px;
    position: relative;
    margin-top: 45px;
    margin-bottom: 25px;
  }
  .ios .logo-icon img,
  .md .logo-icon img {
    width: 20vw;
    min-width: 150px;
    max-height: 150px !important;
  }
  .ios ion-row.logo-frame.row,
  .md ion-row.logo-frame.row {
    margin-bottom: -40px;
  }
  .ios .logo-frame,
  .md .logo-frame {
    margin-left: 14%;
    margin-right: 14%;
    margin-bottom: -40px !important;
  }
  .ios .login-form,
  .md .login-form {
    margin-left: 16%;
    margin-right: 16%;
  }
  .ios ion-label,
  .md ion-label {
    font-size: 0.9em !important;
  }
}

.ios .pass .item-inner,
.md .pass .item-inner {
  border: none !important;
}

.ios .eyeon-icon:after,
.md .eyeon-icon:after {
  content: "\e97d";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

.ios .eyeoff-icon:after,
.md .eyeoff-icon:after {
  content: "\e97c";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  left: 0;
}

.ios .show-pass,
.md .show-pass {
  font-size: 1.8em !important;
  margin-top: 1px;
  color: #A5B0B7;
}

.ios .eye-Password,
.md .eye-Password {
  background: red;
  position: absolute;
  top: 0;
  right: 0;
}

@media screen and (max-height: 640px) {
  .logo-icon {
    text-align: center !important;
    font-size: 35px !important;
    top: -4px !important;
    position: relative !important;
    margin-top: 25px !important;
    margin-bottom: 15px !important;
  }
  .logo-icon img {
    width: 15vw;
    min-width: 120px;
    max-height: 120px !important;
  }
}

@media screen and (max-height: 480px) {
  .logo-icon {
    text-align: center !important;
    font-size: 25px !important;
    top: -4px !important;
    position: relative !important;
    margin-top: 15px !important;
    margin-bottom: 8px !important;
  }
  .logo-icon img {
    width: 13vw;
    min-width: 80px;
    max-height: 80px !important;
  }
}

page-google-login-temp .content {
  width: 100%;
}

page-google-login-temp .content .body .user {
  border-bottom: 1px solid #dbdbe1;
  padding: 16px 0;
}

page-google-login-temp .content .body .anoter-account {
  padding: 16px;
}

page-modal-choose-account .user {
  border-bottom: 1px solid #dbdbe1;
  padding: 11px;
}

page-modal-sign-account-media .wrapper {
  padding: 16px;
}

page-modal-sign-account-media .wrapper .box-login-google {
  padding: 14px 24px;
  background: #ffffff;
  -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  width: 100%;
}

page-modal-sign-account-media .wrapper .box-login-google svg-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;
}

page-modal-sign-account-media .wrapper .box-login-google ion-label {
  font-size: 16px !important;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  page-modal-sign-account-media .wrapper {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
  }
}

page-modal-sign-alert .content .illustration {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-modal-sign-alert .content .body {
  margin: 10px 0;
}

page-modal-sign-alert .content .body h4 {
  font-size: 24px !important;
  font-weight: bold;
}

page-modal-sign-failed ion-content {
  margin: 0 auto;
  border-radius: 6px;
  pointer-events: auto;
  background: #fff;
  overflow: hidden;
  position: relative;
}

page-modal-sign-failed ion-content .content {
  padding: 16px;
}

page-modal-sign-failed ion-content .content .illustration {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-modal-sign-failed ion-content .content .body {
  margin: 10px 0;
}

page-modal-sign-failed ion-content .content .body h4 {
  font-size: 24px !important;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  page-modal-sign-failed ion-content {
    height: 90%;
  }
}

@media screen and (max-width: 375px) {
  page-modal-sign-failed ion-content {
    height: 90%;
  }
}

page-setting-account-media [pr-16] {
  padding-right: 16px;
}

page-setting-account-media .empty .illustration {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-setting-account-media .empty .body {
  margin: 10px 0;
}

page-setting-account-media .empty .body h4 {
  font-size: 24px !important;
  font-weight: bold;
}

page-setting-account-media .empty .footer ion-icon {
  font-size: 24px !important;
}

page-setting-account-media .empty .footer ion-label {
  font-size: 16px !important;
}

page-setting-account-media .google-account {
  padding: 16px 0;
}

page-setting-account-media .google-account .account {
  padding: 0 20px;
  margin-bottom: 8px;
}

page-setting-account-media .google-account .sub-account {
  margin: 0 16px;
  padding: 12px 0;
}

page-setting-account-media .google-account .sub-account gd-avatar {
  margin-top: -24px !important;
}

page-setting-account-media .google-account .sub-account .right {
  width: 100%;
  padding-bottom: 14px;
  border-bottom: 1px solid #dbdbe1;
}

page-setting-account-media .google-account .sub-account .right span {
  color: #63BEFB !important;
}

page-setting-account-media gdx-button ion-icon {
  margin-right: 8px;
}

page-logout h2 {
  padding: 18px;
}

page-logout ion-header ion-icon, page-logout ion-header .back-button-text {
  color: #192528 !important;
}

page-logout ion-header .toolbar-title {
  color: #192528 !important;
}

page-logout .red-text {
  color: #fb745e;
}

page-logout .other-title {
  padding-bottom: 1rem;
  position: relative;
}

page-logout .other-title::after {
  content: '';
  left: -18px;
  bottom: 0;
  right: -18px;
  position: absolute;
  border-bottom: 1px solid #dbdbe1;
}

page-logout ion-content {
  background-color: #f2f5f8 !important;
}

page-logout ion-content .group-label {
  font-family: medium !important;
}

page-logout ion-content .secondary-text {
  color: #A5B0B7;
}

page-logout ion-content .current-session {
  border-radius: 10px;
  background-color: white;
  margin: 0 18px;
}

page-logout ion-content .session-item .text-date {
  font-size: 15px !important;
  font-family: medium !important;
  margin-bottom: 4px;
}

page-logout ion-content .session-item ion-label {
  margin-bottom: 2px;
}

page-modal-information .modal-container {
  height: calc(100% - 200px) !important;
  margin-top: 200px !important;
}

page-modal-information .container {
  text-align: center;
  padding-top: 25px;
}

page-modal-information .container img {
  margin-bottom: 35px;
  width: 50%;
}

page-modal-information .container .title {
  font-size: 20px !important;
  font-family: "bold" !important;
  margin-bottom: 14px;
  white-space: pre-wrap;
  text-align: center;
  font-weight: bold;
}

page-modal-information .container .caption {
  margin-bottom: 24px;
  text-align: center;
}

page-modal-information .container .button-group {
  width: 100%;
  padding: 16px;
}

page-modal-information .container .button-group button {
  width: 100%;
  border-radius: 4px;
  text-transform: capitalize;
}

page-modal-storage-request-permission .overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
}

page-modal-storage-request-permission .container {
  width: 288px;
  height: 350px;
  margin: 0 auto;
  background: #fff;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: 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;
  padding: 16px;
}

page-onboarding-upload p {
  line-height: 150%;
  color: #F68A22 !important;
}

page-onboarding-upload .btn-template-upload {
  position: relative;
}

page-onboarding-upload .btn-template-upload-wrapper {
  position: absolute;
  width: 200px;
  padding-top: 24vh;
  margin: auto !important;
}

page-onboarding-upload .header-template-upload-wrapper {
  position: absolute;
  max-width: 240px;
  padding-top: 5vh;
  margin: auto !important;
}

page-onboarding-upload button ion-label {
  color: white !important;
}

page-onboarding-upload ion-icon::before {
  font-size: 22px !important;
}

page-onboarding-upload .primary-color {
  color: #F68A22 !important;
}

page-popover-modal ion-label {
  padding-left: 15px;
}

page-popover-modal .list-md {
  margin: unset !important;
}

page-setting ion-content ion-label {
  color: #808080;
}

page-setting ion-content ion-list ion-item ion-icon,
page-setting ion-content ion-list ion-list-header ion-icon {
  color: #F68A22;
}

page-setting ion-content .list-header-md {
  margin-bottom: 0;
  border-top: 0 solid #dedede;
}

page-setting ion-content button span {
  font-size: 2em;
}

page-setting ion-content img.sub-icon {
  width: 32px !important;
  -webkit-filter: invert(50%) sepia(4%) saturate(5%) hue-rotate(342deg) brightness(99%) contrast(87%) !important;
  filter: invert(50%) sepia(4%) saturate(5%) hue-rotate(342deg) brightness(99%) contrast(87%) !important;
  background-color: transparent !important;
}

page-setting .logout {
  margin: 20px 0px;
}

page-setting .logout ion-label {
  text-align: center;
  color: #ff4130 !important;
  font-weight: bold;
  font-size: 14px !important;
}

page-setting .version ion-label {
  font-size: 10px !important;
}

change-approver .container-desktop {
  position: relative;
}

change-approver .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

change-approver .input-new-approver {
  color: #39b44a !important;
  border: 1px solid silver;
  border-radius: 5px;
}

change-approver .container-mobile {
  padding: 16px;
}

change-approver .container-mobile .skeleton .skeleton-box {
  height: 150px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  padding: 25px 10px 30px 10px;
  margin-bottom: 10px;
  width: 100%;
}

change-approver .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

change-approver .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

change-approver .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

change-approver .table-head {
  font-size: 13px !important;
  font-family: "regular" !important;
  color: #A5B0B7 !important;
}

change-approver .table-content {
  line-height: 25px;
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: "regular" !important;
  color: #192528 !important;
}

change-approver .table-content ion-icon {
  font-size: 1.6em;
}

change-approver .table-box {
  padding: 20px;
  border: 1px solid silver;
  border-radius: 10px;
}

change-approver .table-section {
  margin-bottom: 10px !important;
}

change-approver .table-content {
  padding: 10px 0px 10px 0px;
}

change-approver .table-content.hover {
  background-color: white;
  color: #189dae !important;
  padding: 10px 0px 10px 0px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  text-decoration: underline;
}

change-approver .table-content.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

change-approver .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

change-approver .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

change-approver .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: "regular" !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

change-approver .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

change-approver .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: "regular" !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

change-approver .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: "regular" !important;
  color: #A5B0B7 !important;
}

change-approver .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

change-approver .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

change-approver .form-button-box .submit-btn {
  background: -webkit-gradient(linear, left top, right top, from(#F68A22), to(#63BEFB));
  background: linear-gradient(to right, #F68A22, #63BEFB);
  text-transform: capitalize;
}

change-approver .content-box {
  padding: 10px 0;
  min-height: calc(100vh - 70px - 56px);
  overflow: scroll;
}

change-approver .paginate {
  line-height: 65px;
  border-top: 1px solid #dfdfe5;
}

page-function-auth .title-search {
  text-transform: capitalize !important;
  padding-right: 6px;
  font-size: 12px !important;
}

page-function-auth .container-desktop {
  position: relative;
}

page-function-auth .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-function-auth .container-mobile {
  padding: 16px;
}

page-function-auth .container-mobile .skeleton .skeleton-box {
  height: 150px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  padding: 25px 10px 30px 10px;
  margin-bottom: 10px;
  width: 100%;
}

page-function-auth .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-function-auth .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-function-auth .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-function-auth .table-head {
  font-size: 13px !important;
  font-family: "regular" !important;
  color: #A5B0B7 !important;
}

page-function-auth .table-content {
  font-size: 13px !important;
  text-transform: capitalize;
  font-family: "regular" !important;
  color: #192528 !important;
}

page-function-auth .table-content ion-icon {
  font-size: 1.6em;
}

page-function-auth .table-box {
  padding: 20px;
  border: 1px solid silver;
  border-radius: 10px;
}

page-function-auth .table-section {
  margin-bottom: 10px !important;
}

page-function-auth .table-content {
  padding: 10px 0px 10px 0px;
}

page-function-auth .table-content.hover {
  background-color: white;
  color: #F68A22 !important;
  padding: 10px 0px 10px 0px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  text-decoration: underline;
}

page-function-auth .table-content.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-function-auth .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-function-auth .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-function-auth .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: "regular" !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-function-auth .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-function-auth .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: "regular" !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-function-auth .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: "regular" !important;
  color: #A5B0B7 !important;
}

page-function-auth .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-function-auth .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-function-auth .form-button-box .submit-btn {
  background: -webkit-gradient(linear, left top, right top, from(primary), to(secondary));
  background: linear-gradient(to right, primary, secondary);
  text-transform: capitalize;
}

page-function-auth .content-box {
  padding: 10px 0;
  min-height: calc(100vh - 70px - 56px);
  overflow: scroll;
}

page-function-auth .paginate {
  line-height: 65px;
  border-top: 1px solid #dfdfe5;
}

page-group-access .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-group-access .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-group-access .btn-tag span {
  font-size: 1.2em !important;
}

page-group-access .list-header-md {
  margin-bottom: -10px !important;
  border-top: 0 solid #dedede;
}

page-group-access h2,
page-group-access p {
  font-size: 1.1em;
  color: #7f7f7f !important;
}

page-group-access .skeleton-page {
  position: relative;
  margin: auto;
  padding-left: 20px;
  margin-top: 20px;
}

page-group-access .skeleton-page .parent-box {
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  width: 100%;
}

page-group-access .skeleton-page .parent-box .label-section {
  width: 80%;
  height: 20px;
  margin-bottom: 10px;
  border-radius: 3px;
}

page-group-access .skeleton-page .parent-box .value-section {
  width: 80%;
  height: 15px;
  border-radius: 3px;
}

page-group-access .skeleton-page .child-box {
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  width: 100%;
}

page-group-access .skeleton-page .child-box .label-section {
  width: 100px;
  height: 20px;
  margin-bottom: 10px;
  border-radius: 3px;
}

page-group-access .skeleton-page .child-box .value-section {
  width: 100px;
  height: 15px;
  border-radius: 3px;
}

page-group-access .skeleton-page .grandchild-box {
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  width: 100%;
}

page-group-access .skeleton-page .grandchild-box .label-section {
  width: 100px;
  height: 20px;
  margin-bottom: 10px;
  border-radius: 3px;
}

page-group-access .skeleton-page .grandchild-box .value-section {
  width: 100px;
  height: 15px;
  border-radius: 3px;
}

page-group-access .line-margin {
  margin-right: 10px;
  line-height: 50px;
}

page-group-access .line-container {
  margin-left: 20px;
}

@media screen and (min-width: 768px) {
  page-group-access .responsive-width:not(ion-content),
  page-group-access ion-content.responsive-width > .scroll-content > * {
    margin-left: unset;
    margin-right: unset;
    max-width: 100% !important;
  }
}

page-group-access .item-md.item-block .item-inner {
  padding-right: 8px;
  border-bottom: none;
}

page-group-access .item-md.item-block .item-inner ion-select {
  position: absolute;
  right: 0;
}

page-group-access .box-opener {
  cursor: pointer;
}

page-group-access .box {
  max-height: 0px;
  overflow-y: hidden;
  -webkit-transition: ease-in-out 400ms max-height;
  transition: ease-in-out 400ms max-height;
}

page-group-access .box.opened {
  max-height: 500px;
  -webkit-transition: ease-in-out 600ms max-height;
  transition: ease-in-out 600ms max-height;
}

page-group-member .btn-remove {
  background: red;
  color: white;
  border-radius: 50%;
  font-size: 1rem;
  padding: 5px;
  padding-left: 7px;
  padding-right: 7px;
  position: relative;
  top: -5px;
  cursor: pointer;
}

page-group-member ion-textarea {
  max-height: 200px;
  border: 1px solid silver;
  border-radius: 10px;
  max-width: 100%;
  padding: 10px;
}

page-group-member ion-textarea textarea {
  height: 200px;
}

page-group-member .container-select select {
  height: 35vh;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid silver;
}

page-group-member .right {
  position: relative;
  top: 40px;
}

page-group-member .container-btn {
  text-align: center;
  margin-top: 100px;
}

page-group-member .container-btn button {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}

page-group-member .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-group-member .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-group-member .btn-footer-action-page ul li {
  display: inline-block;
  margin-right: 1px !important;
  list-style: none;
  background-color: #F68A22;
  padding: 1em 1.5em;
  color: #fff;
  margin: 0.5em 0;
  min-width: 1em;
  text-transform: capitalize;
}

page-group-member .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-group-member .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-group-member .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-group-member .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-group-member .btn-tag span {
  font-size: 1.2em !important;
}

page-group-member .search {
  margin-bottom: 10px;
}

page-group-member .search input[type="text"] {
  padding-left: 10px;
  font-size: 13px;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border-color: silver;
}

page-group-member-filter .btn-remove {
  background: red;
  color: white;
  border-radius: 50%;
  font-size: 1rem;
  padding: 5px;
  padding-left: 7px;
  padding-right: 7px;
  position: relative;
  top: -5px;
  cursor: pointer;
}

page-group-member-filter ion-textarea {
  max-height: 200px;
  border: 1px solid silver;
  border-radius: 10px;
  max-width: 100%;
  padding: 10px;
}

page-group-member-filter ion-textarea textarea {
  height: 200px;
}

page-group-member-filter .container-select select {
  height: 35vh;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid silver;
}

page-group-member-filter .right {
  position: relative;
  top: 40px;
}

page-group-member-filter .container-btn {
  text-align: center;
  margin-top: 100px;
}

page-group-member-filter .container-btn button {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}

page-group-member-filter .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-group-member-filter .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-group-member-filter .btn-footer-action-page ul li {
  display: inline-block;
  margin-right: 1px !important;
  list-style: none;
  background-color: #F68A22;
  padding: 1em 1.5em;
  color: #fff;
  margin: 0.5em 0;
  min-width: 1em;
  text-transform: capitalize;
}

page-group-member-filter .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-group-member-filter .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-group-member-filter .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-group-member-filter .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-group-member-filter .btn-tag span {
  font-size: 1.2em !important;
}

page-group-member-filter .search {
  margin-bottom: 10px;
}

page-group-member-filter .search input[type="text"] {
  padding-left: 10px;
  font-size: 13px;
  width: 100%;
  height: 40px;
  border-radius: 5px;
  border-color: silver;
}

page-group-view-menu .btn-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

page-group-view-menu .btn-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

page-group-view-menu .btn-footer-action-page ul li {
  display: inline-block;
  margin-right: 1px !important;
  list-style: none;
  background-color: #F68A22;
  padding: 1em 1.5em;
  color: #fff;
  margin: 0.5em 0;
  min-width: 1em;
  text-transform: capitalize;
}

page-group-view-menu .btn-footer-action-page ul .spc-color {
  background-color: #f37249;
}

page-group-view-menu .btn-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

page-group-view-menu .btn-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

page-group-view-menu .btn-tag {
  color: #fff;
  text-transform: capitalize;
  width: 50%;
  padding: 1.2em 0;
  margin: 0.5em auto;
  background-color: #F68A22;
}

page-group-view-menu .btn-tag span {
  font-size: 1.2em !important;
}

page-group-view-menu .list-header-md {
  margin-bottom: -10px !important;
  border-top: 0 solid #dedede;
}

page-group-view-menu h2,
page-group-view-menu p {
  font-size: 1.1em;
  color: #7f7f7f !important;
}

page-group-view-menu .skeleton-page {
  position: relative;
  margin: auto;
  padding-left: 20px;
  margin-top: 20px;
}

page-group-view-menu .skeleton-page .parent-box {
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  width: 100%;
}

page-group-view-menu .skeleton-page .parent-box .label-section {
  width: 80%;
  height: 20px;
  margin-bottom: 10px;
  border-radius: 3px;
}

page-group-view-menu .skeleton-page .parent-box .value-section {
  width: 80%;
  height: 15px;
  border-radius: 3px;
}

page-group-view-menu .skeleton-page .child-box {
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  width: 100%;
}

page-group-view-menu .skeleton-page .child-box .label-section {
  width: 100px;
  height: 20px;
  margin-bottom: 10px;
  border-radius: 3px;
}

page-group-view-menu .skeleton-page .child-box .value-section {
  width: 100px;
  height: 15px;
  border-radius: 3px;
}

page-group-view-menu .skeleton-page .grandchild-box {
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 15px;
  width: 100%;
}

page-group-view-menu .skeleton-page .grandchild-box .label-section {
  width: 100px;
  height: 20px;
  margin-bottom: 10px;
  border-radius: 3px;
}

page-group-view-menu .skeleton-page .grandchild-box .value-section {
  width: 100px;
  height: 15px;
  border-radius: 3px;
}

page-group-view-menu .line-margin {
  margin-right: 10px;
  line-height: 50px;
}

page-group-view-menu .line-container {
  margin-left: 20px;
}

@media screen and (min-width: 768px) {
  page-group-view-menu .responsive-width:not(ion-content),
  page-group-view-menu ion-content.responsive-width > .scroll-content > * {
    margin-left: unset;
    margin-right: unset;
    max-width: 100% !important;
  }
}

page-group-view-menu .item-md.item-block .item-inner {
  padding-right: 8px;
  border-bottom: none;
}

page-group-view-menu .item-md.item-block .item-inner ion-select {
  position: absolute;
  right: 0;
}

page-group-view-menu .box-opener {
  cursor: pointer;
}

page-group-view-menu .box {
  max-height: 0px;
  overflow-y: hidden;
  -webkit-transition: ease-in-out 400ms max-height;
  transition: ease-in-out 400ms max-height;
}

page-group-view-menu .box.opened {
  max-height: 500px;
  -webkit-transition: ease-in-out 600ms max-height;
  transition: ease-in-out 600ms max-height;
}

page-group-view-menu ion-segment {
  background-color: #fff;
  margin-bottom: 16px;
}

page-group-view-menu .segment-button.segment-activated {
  opacity: 1 !important;
  background: #F68A22 !important;
  color: #F68A22 !important;
}

page-group-view-menu .segment-button {
  opacity: 1 !important;
  background: #fff !important;
  color: #F68A22 !important;
}

page-user-group .btn-remove {
  background: red;
  color: white;
  border-radius: 50%;
  font-size: 1rem;
  padding: 5px;
  padding-left: 7px;
  padding-right: 7px;
  position: relative;
  top: -5px;
  cursor: pointer;
}

page-user-group .form-section textarea {
  padding: 8px 15px;
}

page-notifications ion-list button, page-notifications ion-list ion-list-header {
  width: 100%;
  color: #808080 !important;
}

page-notifications ion-list button .button-inner, page-notifications ion-list ion-list-header .button-inner {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

page-notifications .list-header-md {
  border: none !important;
}

page-notifications-detail ion-title p {
  font-size: 1.4rem !important;
}

page-notifications-detail .justify {
  font-size: 1.4rem !important;
  border-bottom: 1px solid #dedede !important;
  padding-bottom: 10px !important;
}

page-notifications-detail ion-label {
  text-transform: none !important;
  letter-spacing: 0rem !important;
  font-size: 1.4rem !important;
  vertical-align: middle !important;
}

page-notifications-detail ion-label ion-icon {
  font-size: 2rem !important;
}

page-notifications-detail ion-card {
  margin: 0 !important;
  width: 100% !important;
}

page-notifications-detail .alignright {
  float: right;
}

page-notifications-detail .alignleft {
  float: left;
}

trace-route gdx-button button {
  width: 100%;
  margin: unset !important;
}

trace-route ion-input.company input {
  padding-right: 30px;
}

.page-welcome {
  text-align: center;
  background: #fff;
}

.page-welcome .toolbar-background {
  background: #fff;
  border-color: transparent;
}

.page-welcome .slide-title {
  margin-top: 2.8rem;
  color: #189dae;
  font-size: 2em !important;
}

.page-welcome .slide-subtitle {
  color: #189dae;
  font-size: 1.5em !important;
}

.page-welcome .slide-middletitle {
  color: #189dae;
  font-size: 1.5em !important;
}

.page-welcome .slide-lowertitle {
  color: #189dae;
  font-size: 1.2em !important;
  position: fixed;
  bottom: 0;
  margin: auto;
  margin-bottom: 7em;
  width: 100%;
}

.page-welcome .slide-image {
  max-height: 50%;
  max-width: 60%;
}

.page-welcome b {
  font-weight: 500;
}

.page-welcome p {
  padding: 0 40px;
  font-size: 14px;
  line-height: 1.5;
  color: white;
}

.page-welcome p b {
  color: white;
}

.page-welcome .logo {
  height: 25%;
  width: 100%;
}

.page-welcome .logo .logo-icon {
  text-align: center;
  font-size: 40px;
  padding-top: 25%;
  color: white;
}

.page-welcome .logo .logo-icon-web {
  text-align: center;
  font-size: 40px;
  color: white;
}

.page-welcome .cancel-btn {
  margin-top: 50%;
  margin-left: 2.5%;
  width: 46%;
}

.page-welcome .next-btn {
  margin-top: 50%;
  margin-left: 2%;
  width: 46%;
}

.page-welcome .btn-center {
  position: fixed;
  bottom: 0;
  margin: auto;
  width: 100%;
  margin-bottom: 2.7em !important;
}

.page-welcome .btn-center p {
  position: fixed;
  bottom: 0;
  margin: auto;
  margin-bottom: 1.2em;
  width: 100%;
}

.page-welcome .btn-stroke-footer-action-page {
  text-align: center;
  margin: 0 auto;
  border-radius: 2em;
}

.page-welcome .btn-stroke-footer-action-page ul {
  margin: 0 auto;
  padding: 0;
}

.page-welcome .btn-stroke-footer-action-page ul li {
  display: inline-block;
  margin-right: 1px !important;
  list-style: none;
  background-color: none !important;
  border: 1px solid white;
  padding: 1em 1.5em;
  color: #fff;
  margin: 0.5em 0;
  min-width: 1em;
  text-transform: capitalize;
}

.page-welcome .btn-stroke-footer-action-page ul .spc-color {
  background-color: #f37249;
}

.page-welcome .btn-stroke-footer-action-page ul li:first-child {
  border-radius: 2em 0 0 2em;
  padding: 1em 1.7em;
}

.page-welcome .btn-stroke-footer-action-page ul li:last-child {
  border-radius: 0 2em 2em 0;
  padding: 1em 1.7em;
}

.page-welcome .btn-stroke-footer-action-page:active {
  color: rgba(0, 0, 0, 0.4) !important;
}

page-worklocation-search .alert-md .select-alert .multiple-select-alert {
  opacity: 0 !important;
}

page-worklocation-search .item-cover {
  height: unset;
}

page-worklocation-search .header-box .switch {
  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;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media screen and (min-width: 768px) {
  page-worklocation-search .header-box .switch svg rect {
    fill: #F68A22;
  }
}

page-worklocation-search .header-box .add {
  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;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media screen and (min-width: 768px) {
  page-worklocation-search .header-box .add svg > g > line {
    stroke: #F68A22;
  }
}

page-worklocation-search .container-filter {
  position: relative;
  font-family: "Roboto" !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  height: auto;
  background-color: #ececec;
  padding-left: 18px;
  padding-right: 18px;
}

page-worklocation-search .container-filter .filter-section {
  width: 100%;
  height: 100%;
}

page-worklocation-search .container-filter .filter-section .new-filter {
  color: #F68A22;
}

page-worklocation-search .container-filter .filter-section .add-filter {
  color: #F68A22;
}

page-worklocation-search .container-filter .filter-section .clear-filter {
  color: #8e9093;
}

page-worklocation-search .container-filter .category-section {
  margin-top: 10px;
  height: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-worklocation-search .container-filter .category-section .category-list {
  position: relative;
  border: 1px solid #8e9093;
  color: #8e9093;
  background-color: white;
  border-radius: 20px;
  padding: 5px 15px 5px 15px;
  margin: 0px 8px 8px 0px;
}

page-worklocation-search .container-filter .category-section .category-list .text {
  text-align: left;
}

page-worklocation-search .container-filter .category-section .category-list .close {
  margin-left: 10px;
  font-weight: bold;
}

page-worklocation-search .container-emp {
  position: relative;
  font-family: "Roboto" !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px;
  height: auto;
  border-bottom: 1px solid #dbdbe1 !important;
  padding-left: 18px;
  padding-right: 18px;
}

page-worklocation-search .container-emp .employee .profile {
  overflow: hidden;
  padding-left: 10px !important;
}

page-worklocation-search .container-emp .employee .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-worklocation-search .container-emp .employee .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-worklocation-search .container-emp .subordinate .subordinate-emp {
  position: relative;
  font-family: "Roboto" !important;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  height: auto;
  width: 100%;
  margin-left: 60px;
  padding-right: 18px;
  border-top: 1px solid #dddddd;
}

page-worklocation-search .container-emp .subordinate .subordinate-emp .profile {
  overflow: hidden;
  padding-left: 10px !important;
}

page-worklocation-search .container-emp .subordinate .subordinate-emp .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-worklocation-search .container-emp .subordinate .subordinate-emp .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-worklocation-search .container-emp .subordinate .view-more {
  width: 100%;
  color: #F68A22;
  text-align: right;
}

page-worklocation-search .container-emp-search {
  font-family: "Roboto" !important;
  height: 65px;
  padding-left: 18px;
  padding-right: 18px;
}

page-worklocation-search .container-emp-search .profile {
  overflow: hidden;
  padding-left: 10px !important;
}

page-worklocation-search .container-emp-search .profile .name {
  font-size: 16px;
  color: #333333;
  padding-bottom: 3px;
  width: 100%;
  text-align: left;
}

page-worklocation-search .container-emp-search .profile .division {
  font-size: 14px;
  color: #c5c9cc;
  width: 100%;
  text-align: left;
}

page-worklocation-search .group-search .box-list {
  -webkit-transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 200ms cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: hidden;
}

page-worklocation-search .group-search ion-label.group-name {
  color: #c5c9cc !important;
}

page-worklocation-search .group-search ion-label {
  color: #F68A22 !important;
  padding-left: 18px;
}

page-worklocation-search .group-search:last-child {
  margin-bottom: 30px;
}

page-worklocation-search .button-funnel.button-ios,
page-worklocation-search .button-funnel.button-md {
  color: white;
}

@media only screen and (min-width: 600px) {
  page-worklocation-search .button-funnel.button-ios,
  page-worklocation-search .button-funnel.button-md {
    color: #F68A22;
  }
}

page-worklocation-search .skeleton-section {
  border-bottom: 1px solid #dbdbe1 !important;
}

page-worklocation-search .skeleton-section .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

page-worklocation-search .skeleton-section .chat-skeleton {
  height: 40px;
}

page-worklocation-search .skeleton-section .chat-skeleton .username {
  background-color: #DEDEDE !important;
  margin: 25px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 60px;
  border-radius: 2px;
}

page-worklocation-search .skeleton-section .chat-skeleton .slug {
  background-color: #DEDEDE !important;
  margin: 10px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 150px;
  border-radius: 2px;
}

page-worklocation-search .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

page-greatday-maps .info-bottom {
  z-index: 999999;
  padding: 10px;
  height: 200px;
  width: 90%;
  border-radius: 10px;
  background: white;
  -webkit-box-shadow: 0 2px 2px silver;
  box-shadow: 0 2px 2px silver;
  margin-bottom: 30px;
  text-align: center;
  margin: 0 auto;
}

page-greatday-maps .info-bottom h2 {
  font-size: 20px;
  font-weight: bold;
}

page-greatday-maps .container-bottom {
  position: absolute !important;
  width: 100%;
  bottom: 20px;
}

page-greatday-maps .container-bottom .action-button button {
  width: 45% !important;
}

page-dashboard .fixed-header {
  background: #fff;
  width: 100%;
}

page-dashboard ion-header ion-title.title.title-ios {
  padding: 16px !important;
}

page-dashboard ion-header .toolbar-title.toolbar-title-ios {
  text-align: left;
}

page-dashboard ion-header ion-navbar .toolbar-background {
  background-color: white;
}

page-dashboard ion-header ion-navbar ion-title .toolbar-title {
  color: #222;
}

page-dashboard ion-content {
  background: #f6f8fa !important;
}

page-dashboard ion-content .fixed-content {
  margin-top: 55px !important;
}

page-dashboard ion-content .scroll-content {
  margin-top: 85px !important;
  border: none !important;
}

page-dashboard ion-refresher-content {
  display: none !important;
}

page-dashboard ::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

page-dashboard ::-webkit-scrollbar {
  display: none;
}

page-dashboard .loading-container {
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-top: 40px;
  background: #f6f8fa !important;
}

page-dashboard .section {
  padding: 30px 16px;
  border-bottom: 8px solid #f6f8fa;
  background: #fff;
}

page-dashboard .section.responsive-overflow-x {
  padding-left: 0;
  padding-right: 0;
}

page-dashboard .section.responsive-overflow-x > :not(.overflow-row) {
  padding-left: 16px;
  padding-right: 16px;
}

page-dashboard .section:last-child {
  border: none !important;
}

page-dashboard .section-header {
  margin-bottom: 15px;
}

page-dashboard .section-header div h5 {
  font-size: 16px !important;
  font-weight: 600;
}

page-dashboard .section-header div p {
  color: #A5B0B7 !important;
}

page-dashboard .section-header p.viewmore {
  color: #F68A22 !important;
}

page-dashboard .section-body {
  overflow: scroll;
}

page-dashboard .section-body .load-section {
  margin: auto;
  border-color: #dbdbe1;
  border-radius: 10px;
  text-transform: capitalize;
}

page-dashboard .section-body .load-section gdx-loading {
  margin: 10px auto 15px auto;
}

page-dashboard .section-body .load-section ion-label {
  text-align: center;
  color: #A5B0B7 !important;
}

page-dashboard .section-body .box-chart h2 {
  font-size: 24px;
}

page-dashboard .section-body .box-chart p {
  margin: 5px 0 15px 0;
  color: #A5B0B7 !important;
}

page-dashboard .section-body .box-chart p.good {
  color: #2BB34D !important;
}

page-dashboard .section-body .box-chart p.bad {
  color: #F0624D !important;
}

page-dashboard .section-body .box-chart ion-icon {
  font-size: 26px;
}

page-dashboard .section-body .box-chart canvas#barActivity {
  background: #fff !important;
  height: 400px;
}

page-dashboard .section-body .box-chart canvas#pieRatio {
  background: #fff !important;
  height: 300px;
}

page-dashboard .all-teammates-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-dashboard .all-teammates-body .my-all-teammates,
page-dashboard .all-teammates-body .skeleton-box,
page-dashboard .all-teammates-body .locked-box {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc((100% - 0px) / 5);
  -ms-flex: 0 0 calc((100% - 0px) / 5);
  flex: 0 0 calc((100% - 0px) / 5);
}

@media only screen and (max-width: 360px) {
  page-dashboard .all-teammates-body .my-all-teammates,
  page-dashboard .all-teammates-body .skeleton-box,
  page-dashboard .all-teammates-body .locked-box {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 calc((100% - 36px) / 4.1) !important;
    -ms-flex: 0 0 calc((100% - 36px) / 4.1) !important;
    flex: 0 0 calc((100% - 36px) / 4.1) !important;
  }
  page-dashboard .all-teammates-body .my-all-teammates:first-child,
  page-dashboard .all-teammates-body .skeleton-box:first-child,
  page-dashboard .all-teammates-body .locked-box:first-child {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 calc((100% - 36px) / 4.1 + 18px) !important;
    -ms-flex: 0 0 calc((100% - 36px) / 4.1 + 18px) !important;
    flex: 0 0 calc((100% - 36px) / 4.1 + 18px) !important;
    padding-left: 16px;
  }
  page-dashboard .all-teammates-body .my-all-teammates:last-child,
  page-dashboard .all-teammates-body .skeleton-box:last-child,
  page-dashboard .all-teammates-body .locked-box:last-child {
    -webkit-box-flex: 0 !important;
    -webkit-flex: 0 0 calc((100% - 36px) / 4.1 + 18px) !important;
    -ms-flex: 0 0 calc((100% - 36px) / 4.1 + 18px) !important;
    flex: 0 0 calc((100% - 36px) / 4.1 + 18px) !important;
    padding-right: 16px;
  }
}

page-dashboard .all-teammates-body .my-all-teammates:last-child,
page-dashboard .all-teammates-body .my-all-teammates:nth-child(5),
page-dashboard .all-teammates-body .skeleton-box:last-child,
page-dashboard .all-teammates-body .locked-box:last-child {
  margin-right: 0;
}

page-dashboard .all-teammates-body .skeleton-box gd-avatar .skeleton {
  margin-bottom: 8px;
}

page-dashboard .all-teammates-body .skeleton-box .skeleton-top,
page-dashboard .all-teammates-body .skeleton-box .locked-top {
  margin-bottom: 5px;
}

page-dashboard .all-teammates-body .skeleton-box .skeleton-status,
page-dashboard .all-teammates-body .skeleton-box .skeleton-top,
page-dashboard .all-teammates-body .skeleton-box .locked-status,
page-dashboard .all-teammates-body .skeleton-box .locked-top {
  width: 38px;
  height: 10px;
  border-radius: 4px;
}

page-dashboard .all-teammates-body .locked-box .avatar {
  margin-bottom: 8px;
}

page-dashboard .all-teammates-body .locked-box .locked-status,
page-dashboard .all-teammates-body .locked-box .locked-top {
  margin: 0 auto;
  background: #e2e9ed;
}

page-dashboard .all-teammates-body .name {
  text-align: center;
  margin: 5px 0px 10px;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

page-dashboard .all-teammates-body .attendance {
  margin-right: 4px;
  margin-left: 4px;
}

page-dashboard .all-teammates-body .attendance .start-in .data-in {
  margin-left: 5px;
  text-align: center;
  width: 100%;
  margin-bottom: 5px;
}

page-dashboard .all-teammates-body .attendance .start-in .data-in ion-label {
  color: #2BB34D !important;
}

page-dashboard .all-teammates-body .attendance .start-out .data-out {
  margin-left: 5px;
  text-align: center;
  width: 100%;
}

page-dashboard .all-teammates-body .attendance .start-out .data-out ion-label {
  color: #F0624D !important;
}

page-dashboard .all-teammates-body .add {
  -webkit-align-self: start;
  -ms-flex-item-align: start;
  align-self: start;
  text-align: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc((100% - 0px) / 4);
  -ms-flex: 0 0 calc((100% - 0px) / 4);
  flex: 0 0 calc((100% - 0px) / 4);
  cursor: pointer;
}

page-dashboard .all-teammates-body .add img {
  margin-top: 8px;
  margin-bottom: 12px;
  width: 42px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-dashboard .all-teammates-body .text-wrap {
  white-space: normal;
  width: 60px;
  line-height: 18px;
  text-transform: capitalize;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0 auto;
  margin-top: -3px;
  text-transform: capitalize;
}

page-dashboard .all-teammates-body .text-wrap::first-letter {
  text-transform: uppercase;
}

page-dashboard .empty-state-section {
  margin-top: 10px;
  width: 100%;
}

page-dashboard .empty-state-section img {
  max-width: 200px;
}

page-dashboard .empty-state-section .heading ion-label {
  font-weight: bold;
  font-size: 18px !important;
  margin-bottom: -10px;
}

page-dashboard .empty-state-section .sub-heading .label-link {
  color: #63BEFB;
  cursor: pointer;
  margin-right: 2px;
}

page-dashboard .empty-state-section .sub-heading ion-label {
  white-space: initial;
}

page-dashboard .empty-state-section .sub-heading .secondary {
  color: #A5B0B7 !important;
}

page-dashboard .skeleton-team-box {
  padding: 8px;
}

page-dashboard .skeleton-team-box .circle-box {
  width: 38px;
  height: 38px;
  border-radius: 100px;
  margin-bottom: 12px;
}

page-dashboard .skeleton-team-box .circle-box + div {
  width: 100%;
}

page-dashboard .skeleton-team-box .line-box {
  width: 100%;
  height: 16px;
  border-radius: 4px;
  margin-bottom: 8px;
}

page-dashboard .skeleton-company .skeleton-box {
  padding: 18px;
}

page-dashboard .skeleton-company .skeleton-box .line-box {
  width: 70%;
  height: 16px;
  border-radius: 4px;
}

page-dashboard .skeleton-company .skeleton-box .line-box:last-child {
  width: 100%;
  height: 16px;
  border-radius: 4px;
  margin-top: 12px;
}

page-dashboard .card-block {
  border-radius: 8px;
}

page-dashboard .card-block p {
  font-size: 12px !important;
  color: #A5B0B7;
}

page-dashboard .card-block ion-label {
  margin: 6px 0 !important;
}

page-dashboard .card-block .right-block ion-icon {
  font-size: 26px;
}

page-dashboard .card-block .caption-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100px;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
}

page-dashboard .card-block .caption-section .top-section > p {
  white-space: nowrap;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

page-dashboard .card-block .caption-section ion-label.desc {
  color: #222 !important;
  margin: 4px 0 !important;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}

page-dashboard .card-block .caption-section ion-label.line-strike {
  text-decoration: line-through;
}

page-dashboard .card-block .caption-section ion-badge {
  border-radius: 100px !important;
  font-weight: 500;
  font-size: 10px;
  line-height: 13px;
}

page-dashboard .card-block .caption-section ion-chip {
  height: auto !important;
  padding: 0 10px;
  width: auto !important;
  min-width: 55px;
  margin-top: 0;
  margin-bottom: 0;
}

page-dashboard .card-block .caption-section ion-chip ion-label {
  line-height: 26px;
}

page-dashboard .card-block .caption-section ion-chip.mini-chip {
  padding: 0 5px;
  border-width: 2px;
}

page-dashboard .card-block .caption-section ion-chip.mini-chip ion-label {
  line-height: 18px;
}

page-dashboard .card-block .caption-section ion-badge + p {
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px !important;
}

page-dashboard .card-block.task-box {
  position: relative;
}

page-dashboard .card-block.task-box .check-box {
  position: relative;
  margin-top: 1px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  height: 65px;
}

page-dashboard .card-block.task-box .check-box .box-wrapper {
  border-radius: 200px;
  padding: 10px;
}

page-dashboard .card-block.task-box .check-box .box-wrapper .box-shape {
  width: 16px;
  height: 16px;
  border-radius: 3px;
  border: 2px solid #dbdbe1;
  background-color: white;
  position: relative;
}

page-dashboard .card-block.task-box .check-box .box-wrapper .box-shape .checkmark {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-dashboard .card-block.task-box .check-box .complete-check .box-shape {
  border: 2px solid #2BB34D !important;
  background-color: #2BB34D !important;
}

page-dashboard .card-block.task-box .check-box .complete-check .box-shape .checkmark {
  color: white;
}

page-dashboard .card-block.task-box .check-box .verified-check {
  pointer-events: none;
}

page-dashboard .card-block.task-box .check-box .verified-check .box-shape {
  border: 2px solid #A5B0B7 !important;
  background-color: #A5B0B7 !important;
}

page-dashboard .card-block.task-box .check-box .verified-check .box-shape .checkmark {
  color: white;
}

page-dashboard .card-block.task-box .check-box .cancelled-check {
  pointer-events: none;
}

page-dashboard .card-block.task-box .check-box .cancelled-check .box-shape {
  border: 2px solid #A5B0B7 !important;
  background-color: #A5B0B7 !important;
}

page-dashboard .card-block.task-box .check-box .cancelled-check .box-shape .checkmark {
  color: #A5B0B7;
}

page-dashboard .card-block.task-box .check-box ion-icon {
  font-size: 26px;
  color: white;
}

page-dashboard .card-block.task-box .check-box .option-box {
  position: absolute;
  top: -45px;
  right: unset;
  bottom: unset;
  left: -7px;
  background-color: transparent;
}

page-dashboard .card-block.task-box .check-box .option-box .kuncup {
  position: absolute;
  top: unset;
  right: unset;
  bottom: -4px;
  left: 21px;
  width: 8px;
  height: 8px;
  border-radius: 0;
  border: 1px solid #A5B0B7;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-top: none;
  border-left: none;
  background-color: white;
}

page-dashboard .card-block.task-box .check-box .option-box .option-section {
  width: unset;
  height: 34px;
  border-radius: 7px;
  border: 1px solid #A5B0B7;
  padding: 0 11px;
  background-color: white;
  margin-right: 3px;
}

page-dashboard .card-block.task-box .check-box .option-box .option-section .divider {
  margin: 0 8px;
}

page-dashboard .card-block.task-box .check-box .option-box .option-section ion-label::after {
  content: "|";
  color: #222 !important;
  margin: 0 5px;
}

page-dashboard .card-block.task-box .check-box .option-box .option-section ion-label:last-child:after {
  content: "";
  margin: 0;
}

page-dashboard .card-block.task-box .check-box .option-box .option-section .orange {
  color: #fbac5e;
}

page-dashboard .card-block.task-box .check-box .option-box .option-section .blue {
  color: #63befb;
}

page-dashboard .card-block.task-box .check-box .option-box .option-section .green {
  color: #8cc63f;
}

page-dashboard .card-block.task-box .check-box .option-box .close-box {
  background-color: rgba(0, 0, 0, 0.42);
  width: 34px;
  height: 34px;
  border-radius: 7px;
}

page-dashboard .card-block.task-box .check-box .option-box .close-box ion-icon {
  font-size: 24px;
  color: white;
}

page-dashboard .card-block.task-box .complete-checkbox {
  background-color: #8cc63f !important;
}

page-dashboard .card-block.task-box .respond-checkbox {
  border: 1px solid red !important;
}

page-dashboard .card-block.task-box .respond {
  font-size: 12px !important;
  color: #222 !important;
  font-family: unset;
  font-weight: unset;
}

page-dashboard .card-block.task-box .complete {
  font-size: 12px !important;
  color: #8cc63f !important;
  font-family: unset;
  font-weight: unset;
}

page-dashboard .card-block.task-box .closed {
  font-size: 12px !important;
  color: #63befb !important;
  font-family: unset;
  font-weight: unset;
}

page-dashboard .card-block.task-box .canceled {
  font-size: 12px !important;
  color: #fbac5e !important;
  font-family: unset;
  font-weight: unset;
}

page-dashboard .company-information h5 {
  font-size: 16px !important;
  font-weight: 600;
}

page-dashboard .company-information p.desc {
  font-family: unset;
  font-weight: unset;
  margin-top: 2px;
  margin-bottom: 2px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: pre-line;
}

page-dashboard .my-onboarding-wrapper {
  grid-area: onboarding;
  padding: 18px;
  border-left: 1px solid #eaeaea;
  border-right: 1px solid #eaeaea;
  background: #ffffff;
  pointer-events: auto;
}

page-dashboard .my-onboarding-wrapper .my-onboarding-box {
  -webkit-box-shadow: 0px 1px 5px 0px #dbdbdb;
  box-shadow: 0px 1px 5px 0px #dbdbdb;
  padding: 10px 15px;
  background: white;
  border-radius: 10px;
}

page-dashboard .my-onboarding-wrapper .my-onboarding-head {
  padding-top: 20px;
}

page-dashboard .my-onboarding-wrapper .my-onboarding-head h2 {
  margin-bottom: 15px;
}

page-dashboard .my-onboarding-wrapper .my-onboarding-body .bar-progress {
  padding: 15px 0 8px 0;
}

page-dashboard .my-onboarding-wrapper .my-onboarding-body .box-percent {
  margin-bottom: 5px;
}

page-dashboard ion-chip.success {
  background: rgba(43, 179, 77, 0.5) !important;
  border-color: #2BB34D;
}

page-dashboard ion-chip.success ion-label {
  color: #2BB34D !important;
  font-size: 12px !important;
  margin: 0 !important;
}

page-dashboard ion-chip.primary {
  background: rgba(246, 138, 34, 0.5) !important;
  border-color: #F68A22;
}

page-dashboard ion-chip.primary ion-label {
  color: #F68A22 !important;
  font-size: 12px !important;
  margin: 0 !important;
}

page-dashboard ion-chip.danger {
  background: rgba(240, 98, 77, 0.5) !important;
  border-color: #F0624D;
}

page-dashboard ion-chip.danger ion-label {
  color: #F0624D !important;
  font-size: 12px !important;
  margin: 0 !important;
}

page-features ion-refresher-content {
  display: none !important;
}

page-features ion-header ion-title.title.title-ios {
  padding: 16px !important;
}

page-features ion-header .toolbar-title.toolbar-title-ios {
  text-align: left;
}

page-features ion-header ion-navbar .toolbar-background {
  background-color: white;
}

page-features ion-header ion-navbar ion-title .toolbar-title {
  color: #222;
}

page-features ion-content {
  background: #f6f8fa !important;
}

page-features ion-content .scroll-content {
  border: none !important;
}

page-features svg-icon svg .cls-1 {
  fill: unset !important;
  stroke: unset !important;
}

page-features .loading-container {
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #f6f8fa !important;
}

page-features .content-body .icon-wrapper {
  width: 44px;
  height: 44px;
  position: relative;
  margin-bottom: 10px;
}

page-features .content-body .icon-wrapper .icon-bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 200px;
  opacity: 0.25;
}

page-features .content-body .icon-wrapper .menu-round {
  z-index: 1;
}

page-features .content-body .icon-wrapper .new-badge {
  position: absolute;
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 10px;
  font-weight: 400;
  border-radius: 100px;
}

page-features .content-body .icon-wrapper svg-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-features .content-body .menu-box {
  padding: 21px 16px 21px 18px;
  border-bottom: 8px solid #f6f8fa;
  background: #fff;
}

page-features .content-body .menu-box .group-label {
  font-family: "medium" !important;
  font-size: 16px !important;
  color: #222 !important;
  margin-bottom: 18px !important;
  text-transform: capitalize;
  padding: 0;
}

page-features .content-body .menu-box ion-label.edit-favorite {
  font-family: "medium" !important;
  font-size: 16px !important;
  color: #F68A22 !important;
  margin-bottom: 18px !important;
}

page-features .content-body .menu-box .menu-section {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 10px;
}

page-features .content-body .menu-box .menu-section .menu-detail {
  padding: 0;
}

page-features .content-body .menu-box .menu-section .menu-detail img {
  width: 23px;
  height: 23px;
}

page-features .content-body .menu-box .menu-section .menu-detail .item-label {
  text-align: center;
  font-size: 12px !important;
  position: relative;
  overflow: visible;
  white-space: normal !important;
  color: #A5B0B7 !important;
}

page-features .content-body .menu-box .menu-section .menu-detail:hover {
  background-color: rgba(255, 255, 255, 0.15);
}

page-features .content-body .menu-group.skeleton-group .icon-bg {
  opacity: 1 !important;
}

page-features .content-body .menu-group.skeleton-group .group-label {
  width: 100%;
  height: 16px;
  border-radius: 4px;
}

page-features .content-body .menu-group.skeleton-group .title-menu {
  width: 40px;
  height: 16px;
  border-radius: 4px;
}

page-features .content-body .favorite-menu .favorite-headline {
  padding: 15px;
}

page-features .content-body .favorite-menu .favorite-headline ion-label {
  font-family: "medium" !important;
  font-size: 16px !important;
  color: #222 !important;
}

page-features .content-body .favorite-menu .favorite-headline ion-label.edit-favorite {
  font-size: 16px !important;
  color: #F68A22 !important;
}

page-features .content-body .support-box {
  padding: 16px;
}

page-features .content-body .support-box .support-section {
  margin-bottom: 20px;
}

page-features .content-body .support-box .support-section ion-label {
  font-size: 14px !important;
  color: rgba(34, 34, 34, 0.9) !important;
}

page-features .content-body .support-box .support-section ion-icon {
  font-size: 20px;
}

page-features .content-body .support-box .support-section:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 768px) {
  page-features .content-body .support-box {
    display: none;
  }
}

page-features .content-body .change-v {
  padding: 21px 18px;
  background: #f6f8fa;
}

page-features .content-body .change-v .box {
  padding: 10px 9px 8px 13px;
  height: auto;
  background: white;
  border-radius: 4px;
  border: 1px solid #e2e9ed;
}

page-features .content-body .change-v .box .keterangan-v {
  margin-bottom: 8px;
}

page-features .content-body .change-v .box .keterangan-v ion-label {
  margin-bottom: 0px;
}

page-features .content-body .change-v .box .keterangan-v .text-wrap {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  white-space: normal;
}

page-features .content-body .change-v .box .button-v {
  border-radius: 10px;
  border: 1px solid #e2e9ed;
  width: 129.72px;
  text-align: center;
  height: 41px;
}

page-features .content-body .change-v .box .button-v ion-label {
  margin: 10px auto;
}

@media screen and (min-width: 1520px) {
  page-features .content-body .menu-group .menu-box {
    padding: 21px 0px 21px !important;
  }
  page-features .content-body .menu-group .menu-box .group-label {
    padding: 0 18px !important;
  }
  page-features .content-body .menu-group .menu-box .menu-section .menu-detail {
    padding: 0 18px !important;
  }
}

page-features .content-body .feedback {
  border-radius: 5px;
  border: 1px solid black;
  text-align: center;
}

page-features .content-footer {
  padding: 20px;
}

page-features .content-footer .logout2 {
  padding: 10px 0px;
  margin-bottom: 32px;
  font-weight: bold;
}

page-features .content-footer .logout2 ion-label {
  font-size: 16px !important;
  color: #F0624D !important;
  margin: 0;
}

page-features .content-footer button.logout {
  width: 100%;
  border-radius: 3px;
  background-color: #f0f2f4;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 24px 0px;
}

page-features .content-footer button.logout img {
  width: 23px;
  height: 23px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 7px;
}

page-features .content-footer button.logout ion-label {
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  padding-left: 5px;
  margin: 0;
  color: #121212 !important;
  font-size: 16px !important;
  text-transform: capitalize;
}

page-features .content-footer div ion-label {
  font-size: 0.7em !important;
  text-align: center;
}

page-feeds ion-header ion-title.title.title-ios {
  padding: 16px !important;
}

page-feeds ion-header .toolbar-title.toolbar-title-ios {
  text-align: left;
}

page-feeds ion-header ion-navbar .toolbar-background {
  background-color: white;
}

page-feeds ion-header ion-navbar ion-title .toolbar-title {
  color: #222;
}

page-feeds ion-content .scroll-content {
  margin-top: 55px !important;
}

page-feeds ion-content {
  background: #f6f8fa !important;
}

page-feeds ion-content .scroll-content {
  padding-top: 0 !important;
  border: none !important;
}

page-feeds ion-content .scroll-content .container {
  padding-top: 20px;
}

page-feeds ion-content ion-infinite-scroll.newHomeload {
  position: absolute;
  -webkit-transform: translateY(-84px);
  transform: translateY(-84px);
  pointer-events: none;
}

page-feeds ion-content ion-infinite-scroll.newHomeload .infinite-loading {
  display: none !important;
}

page-feeds ion-content ion-refresher-content {
  display: none !important;
}

page-feeds ion-content .loading-container {
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #f6f8fa !important;
}

page-feeds .add-post-box {
  background: #fff;
  border-radius: 16px;
  padding: 8px 16px;
  position: -webkit-sticky;
  position: sticky;
  top: 20px;
  -webkit-box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.15);
  height: 72px;
  z-index: 1;
}

page-feeds .add-post-box img.attach {
  opacity: 0.5;
  width: 23px;
}

page-feeds .add-post-box input {
  border: none;
  color: #A5B0B7;
  text-overflow: ellipsis;
  border-radius: 10px;
  height: 40px;
  padding: 0 4px;
}

page-feeds .add-post-box .new-icon path,
page-feeds .add-post-box .new-icon line,
page-feeds .add-post-box .new-icon ellipse,
page-feeds .add-post-box .new-icon polyline,
page-feeds .add-post-box .new-icon polygon,
page-feeds .add-post-box .new-icon circle,
page-feeds .add-post-box .new-icon rect {
  stroke: #808080 !important;
  stroke-width: 5px;
}

page-feeds .skeleton-box {
  padding: 14px 18px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 5px 15px 1px #dfdfe5;
  box-shadow: 0px 5px 15px 1px #dfdfe5;
  margin: 15px 0;
}

page-feeds .skeleton-box gd-avatar .skeleton {
  margin: 8px 15px 8px 0;
}

page-feeds .skeleton-box .detail {
  margin: 8px 0;
}

page-feeds .skeleton-box .skeleton-title {
  width: 100px;
  height: 12px;
  border-radius: 4px;
  margin-bottom: 4px;
}

page-feeds .skeleton-box .skeleton-desc {
  width: 40px;
  height: 9px;
  border-radius: 4px;
}

page-feeds .skeleton-box .skeleton-date {
  width: 30px;
  height: 12px;
  padding-right: 13px;
  border-radius: 4px;
}

page-feeds .skeleton-box .skeleton-profile {
  margin-bottom: 14px;
}

page-feeds .skeleton-box .skeleton-post {
  width: 250px;
  height: 11px;
  border-radius: 4px;
  margin-bottom: 5px;
}

page-feeds .loadmore-box {
  width: 100px;
  height: 50px;
  border-radius: 0;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

page-feeds .loadmore-box .loadmore {
  width: 100%;
  height: 10px;
  border-radius: 0;
  position: absolute;
  top: 0;
  right: unset;
  bottom: unset;
  left: unset;
  z-index: 2;
}

page-feeds .loadmore-box ion-spinner {
  margin-top: 10px;
}

page-feeds .progress-card {
  background: white;
  margin: 15px 0;
  -webkit-box-shadow: 0px 1px 5px 0px #e6e6e6;
  box-shadow: 0px 1px 5px 0px #e6e6e6;
  border-radius: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 25px 15px;
}

page-feeds .progress-card h3 {
  margin-top: 0;
}

page-home ion-header ion-title.title.title-ios {
  padding: 16px !important;
}

page-home ion-header .toolbar-title.toolbar-title-ios {
  text-align: left;
}

page-home ion-header ion-navbar .toolbar-background {
  background-color: white;
}

page-home ion-header ion-navbar ion-buttons button {
  background: transparent !important;
}

page-home ion-header ion-navbar ion-title .toolbar-title {
  color: #222;
}

page-home ion-refresher-content {
  display: none !important;
}

page-home ion-content .scroll-content {
  margin-top: 55px !important;
}

page-home ion-content .scroll-content {
  border: none !important;
}

page-home .loading-container {
  height: 60px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #f6f8fa !important;
}

page-home .content .content-top {
  text-align: center;
  padding: 0 16px 16px;
}

page-home .content .content-top .avatar {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-home .content .content-top .avatar img {
  border-radius: 200px;
  width: 48px !important;
  height: 48px !important;
}

page-home .content .content-top .avatar gd-avatar .avatar ion-avatar {
  width: 48px !important;
  height: 48px !important;
}

page-home .content .content-top .info {
  margin-top: -8px;
}

page-home .content .content-top .info h1 {
  font-weight: 700;
}

page-home .content .content-top .info .profile {
  color: #F68A22 !important;
  margin-top: -8px;
  margin-bottom: 12px;
}

page-home .content .content-top .info .profile svg-icon {
  width: 18px;
  height: 18px;
}

page-home .content .content-top .info .profile svg-icon circle,
page-home .content .content-top .info .profile svg-icon path {
  stroke: #F68A22;
}

page-home .content .content-top .info .profile svg-icon svg {
  width: 18px;
  height: 18px;
}

page-home .content .content-top .info .berakAt .break-title {
  color: #A5B0B7 !important;
  text-align: left;
  margin: 8px 0;
}

page-home .content .content-top .info .berakAt .break-data {
  background: #efefef;
  padding: 4px;
  border-radius: 8px;
  color: #808080 !important;
  margin-top: unset !important;
  margin-bottom: unset !important;
}

page-home .content .content-top .info .block-shift {
  background: #efefef;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px;
  border-radius: 8px;
  margin-bottom: 8px;
}

page-home .content .content-top .info .block-center {
  margin-left: auto !important;
  margin-right: auto !important;
}

page-home .content .content-top .info svg-icon {
  width: 24px;
  height: 24px;
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-home .content .content-top .info svg-icon rect,
page-home .content .content-top .info svg-icon circle,
page-home .content .content-top .info svg-icon path {
  stroke: #A5B0B7;
}

page-home .content .content-top .info svg-icon svg {
  width: 24px;
  height: 24px;
}

page-home .content .content-top .info svg-icon.up {
  -webkit-transform: rotate(-90deg) !important;
  transform: rotate(-90deg) !important;
}

page-home .content .content-top .info svg-icon.down {
  -webkit-transform: rotate(90deg) !important;
  transform: rotate(90deg) !important;
}

page-home .content .content-body .menu-body {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  text-align: center;
}

page-home .content .content-body .menu-body .list {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  place-items: center;
}

page-home .content .content-body .menu-body .list .menu {
  width: 44px;
  height: 44px;
  border-radius: 200px;
  position: relative;
  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;
  position: relative;
}

page-home .content .content-body .menu-body .list .menu .bg {
  width: 44px;
  height: 44px;
  border-radius: 200px;
  opacity: 0.25;
  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;
  position: absolute;
}

page-home .content .content-body .menu-body .list .menu svg-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;
}

page-home .content .content-body .menu-body .list .menu svg-icon * {
  fill: unset;
}

page-home .content .content-body .menu-body .list .menu .notif {
  position: absolute;
  top: 0;
  right: 0;
  width: 12px;
  height: 12px;
  background: #f0624d;
  border-radius: 200%;
}

page-home .content .content-body .menu-body .list ion-label {
  color: #A5B0B7 !important;
  margin-top: 8px;
}

page-home .content ::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

page-home .content ::-webkit-scrollbar {
  display: none;
}

page-home .content .content-bottom {
  margin-bottom: 70px;
}

page-home .content .content-bottom .attd-box {
  background-color: #F0624D;
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 28px;
}

page-home .content .content-bottom .attd-box .attd-check {
  font-size: 16px !important;
  margin-bottom: 16px;
  color: white;
  text-transform: capitalize;
}

page-home .content .content-bottom .attd-box .attd-record-box {
  margin-bottom: 16px;
}

page-home .content .content-bottom .attd-box .attd-record-box .attd-record-section {
  border-radius: 8px;
  border: 1px solid white;
  padding: 8px;
}

page-home .content .content-bottom .attd-box .attd-record-box .attd-record-section .avatar {
  width: 33px !important;
  height: 33px !important;
}

page-home .content .content-bottom .attd-box .attd-record-box .attd-record-section .avatar ion-avatar {
  width: 33px !important;
  height: 33px !important;
  margin: 0 !important;
}

page-home .content .content-bottom .attd-box .attd-record-box .attd-record-section p {
  font-size: 12px !important;
  color: white;
  text-transform: capitalize;
}

page-home .content .content-bottom .attd-box .attd-record-box .attd-btn {
  background-color: white;
  color: #F0624D;
  width: 71px;
  border-radius: 8px;
  text-transform: capitalize;
}

page-home .content .content-bottom .attd-box .attd-label {
  font-size: 12px !important;
  color: white;
}

page-home .content .content-bottom ion-label.title {
  text-align: center;
  color: #A5B0B7 !important;
  font-weight: 700;
}

page-home .content .content-bottom ion-label.title-offline {
  text-align: left;
  margin-bottom: unset;
  color: #A5B0B7 !important;
  font-weight: 700;
  line-height: 25px;
}

page-home .content .content-bottom .box-attendance {
  border-radius: 10px;
  border: 1px solid #dbdbe1;
}

page-home .content .content-bottom .box-attendance .header {
  background: #f2f5f8;
  padding: 10px 8px;
}

page-home .content .content-bottom .box-attendance .header ion-label {
  text-align: left !important;
  font-weight: bold;
  color: #192528 !important;
}

page-home .content .content-bottom .box-attendance .content {
  padding: 10px 8px;
}

page-home .content .content-bottom .box-attendance .content .user .right {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-home .content .content-bottom .box-attendance .content .user .right ion-label.label {
  margin-top: 4px;
  text-align: left;
  color: #A5B0B7 !important;
}

page-home .content .content-bottom .box-attendance .content .user .right ion-label.startdate {
  color: #2BB34D !important;
  text-align: left;
}

page-home .content .content-bottom .box-attendance .content .user .right ion-label.enddate {
  color: #F0624D !important;
  text-align: left;
}

page-home .footer {
  width: 100%;
  bottom: 0;
  padding-bottom: 16px !important;
}

page-home .footer gdx-button button {
  margin: 0;
}

page-home .spacer {
  border: 4px solid #f6f8f9;
}

@media only screen and (max-width: 320px) {
  page-home .content-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  page-home .content-body .menu-body {
    -webkit-box-pack: unset !important;
    -webkit-justify-content: unset !important;
    -ms-flex-pack: unset !important;
    justify-content: unset !important;
    overflow-x: scroll;
  }
  page-home .content-body .menu-body .list {
    min-width: calc((100% - 36px) / 4.1) !important;
  }
  page-home .content-body .menu-body > *:first-child {
    min-width: calc((100% - 36px) / 4.1 + 18px) !important;
    padding-left: 16px;
  }
  page-home .content-body .menu-body > *:last-child {
    min-width: calc((100% - 36px) / 4.1 + 18px) !important;
    padding-right: 16px;
  }
}

page-home .offline-attendance {
  border: 1px solid silver;
  height: 27px;
  line-height: 25px;
  padding-left: 16px;
  padding-right: 16px;
  border-radius: 10px;
  font-size: 12px;
  border-color: var(--color-primary);
  color: var(--color-primary);
}

page-home .offline-attendance span {
  background: #f0624d;
  border-radius: 10px;
  font-size: 10px;
  position: absolute;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  margin-top: -8px;
  color: white;
}

page-home .panic-btn {
  position: relative;
  right: 0;
  margin-left: auto;
  z-index: 99999999;
  width: 75px;
  height: 65px;
  background-color: white;
  border-radius: 200px 0 0 200px;
  -webkit-box-shadow: 0 10px 20px silver;
  box-shadow: 0 10px 20px silver;
}

page-home .panic-btn .panic-round-container {
  border-radius: 200px;
  height: 50px;
  width: 50px;
  position: relative;
  top: 7px;
  left: 8px;
  text-align: center;
  -webkit-box-shadow: 0 2px 5px silver;
  box-shadow: 0 2px 5px silver;
}

page-home .panic-btn .panic-round-container .panic-round-label {
  font-size: 16px;
  font-weight: bold;
  color: white;
  text-align: center;
  background: #F0624D;
  height: 100%;
  border-radius: 50%;
  border: 3px solid white;
}

page-home .panic-btn .panic-round-container .panic-round-label h2 {
  color: white;
  line-height: 10px;
}

page-modal-singout [medium] {
  color: #A5B0B7 !important;
}

page-modal-singout .content-header .left {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-modal-singout .content-header .left .profile {
  margin-right: 18px;
}

page-modal-singout .content-header .left .info {
  margin-right: 18px;
}

page-modal-singout .content-header .left .info ion-label.name {
  color: #192528 !important;
  font-weight: bold;
  margin-right: 4px;
}

page-modal-singout .content-header .left .info .tap-profile {
  margin-top: 5px;
}

page-modal-singout .content-header .left svg-icon.chevron {
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-modal-singout .content-header .left svg-icon.chevron svg {
  width: 18px;
  height: 18px;
}

page-modal-singout .content-header .left .rotate {
  -webkit-transform: rotate(-90deg) !important;
  transform: rotate(-90deg) !important;
  -webkit-transform-origin: center;
  transform-origin: center;
}

page-modal-singout .content-header .right svg-icon {
  border: 3px solid #dbdbe1;
  border-radius: 200px;
  padding: 5px;
}

page-modal-singout .multi-account {
  border-top: 1px solid #dbdbe1;
  border-bottom: 1px solid #dbdbe1;
  margin-bottom: 12px;
}

page-modal-singout .multi-account .content {
  padding: 16px;
  background: #f4f4f4;
  border-top: 1px solid #f4f4f4;
}

page-modal-singout .multi-account .content .account {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -10px;
}

page-modal-singout .multi-account .content .back-box {
  display: none !important;
}

page-modal-singout .multi-account .content .parent .my-info {
  overflow: hidden;
  margin-top: 5px;
  margin-left: 5px;
}

page-modal-singout .multi-account .content .parent .my-info .welcome-name {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 5px;
  margin-left: 5px;
}

page-modal-singout .multi-account .content .parent .my-info .welcome-name ion-label.name {
  font-weight: bold;
  color: #222 !important;
  font-size: 14px !important;
}

page-modal-singout .multi-account .content .parent .my-info .welcome-name ion-label.company {
  font-size: 12px !important;
  color: #A5B0B7 !important;
  font-weight: 400;
  text-transform: capitalize;
  margin-top: 5px !important;
}

page-modal-singout .multi-account .content .remove svg-icon.mySvg {
  fill: #a5b0b7 !important;
}

page-modal-singout .multi-account .content .remove svg-icon.mySvg svg path,
page-modal-singout .multi-account .content .remove svg-icon.mySvg svg line,
page-modal-singout .multi-account .content .remove svg-icon.mySvg svg ellipse,
page-modal-singout .multi-account .content .remove svg-icon.mySvg svg polyline,
page-modal-singout .multi-account .content .remove svg-icon.mySvg svg polygon,
page-modal-singout .multi-account .content .remove svg-icon.mySvg svg circle,
page-modal-singout .multi-account .content .remove svg-icon.mySvg svg rect {
  stroke: #a5b0b7 !important;
  stroke-width: 1.5px;
}

page-modal-singout .multi-account .content .disableLoading {
  opacity: 0.6;
}

page-modal-singout .multi-account .content .multi-account-option .multi-account-manage {
  padding: 10px 13px;
}

page-modal-singout .multi-account .content .multi-account-option .multi-account-manage img {
  margin-right: 10px;
  opacity: 0.4;
}

page-modal-singout .multi-account .content .multi-account-option ion-label {
  color: #A5B0B7 !important;
}

page-modal-singout .multi-account .logout {
  background: #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 10px;
}

page-modal-singout .multi-account .logout .body-logout {
  padding: 0 29px;
}

page-modal-singout .multi-account .logout .body-logout img {
  margin-right: 10px;
  opacity: 0.4;
}

page-modal-singout .multi-account .logout .body-logout ion-label {
  color: #A5B0B7 !important;
}

page-modal-singout .spacer {
  background: #f6f8f9;
  height: 10px;
}

page-modal-singout .content-bottom {
  margin-top: 10px;
}

page-modal-singout .content-bottom .logout ion-label {
  color: #F0624D !important;
}

@media screen and (max-width: 360px) {
  page-modal-singout .left .profile {
    margin-right: 18px;
  }
  page-modal-singout .left .info {
    margin-right: 5px !important;
  }
  page-modal-singout .margin-left {
    margin-left: 10px;
  }
}

page-shift-modal .fixed-header {
  background: #fff;
  width: 100%;
}

page-shift-modal .section-shift {
  margin-top: 50px;
  width: 100%;
}

page-shift-modal .section-shift .list-shift {
  border-bottom: 1px solid #dbdbe1;
  padding: 8px 0;
}

page-shift-modal .section-shift .list-shift .shift {
  -moz-text-align-last: end;
  text-align-last: end;
  overflow: scroll;
}

page-shift-modal .section-shift .list-shift .shift ion-label {
  overflow: unset !important;
  text-align: end;
}

page-shift-modal .section-shift .today {
  background: #F68A22;
  padding: 0 8px;
  border-radius: 8px;
}

page-shift-modal .section-shift .today ion-label {
  color: white !important;
}

page-work-place section {
  width: 100% !important;
  margin-bottom: 24px !important;
}

page-work-place section h1 {
  font-size: 20px !important;
}

page-work-place section .place {
  padding: 7px;
  padding-right: 16px;
  border-bottom: 1px solid #dbdbe1 !important;
}

page-tabs .tabbar.show-tabbar {
  padding: 10px 0;
}

page-tabs ion-tabs .tab-button {
  padding: 0 4px !important;
}

page-tabs ion-badge.tab-badge.badge.badge-md.badge-md-danger,
page-tabs ion-badge.tab-badge.badge.badge-ios.badge-ios-danger {
  width: 10px;
  height: 10px;
  border-radius: 200px;
  right: unset !important;
  font-size: 0px;
  margin-left: 13px;
  padding: 0;
}

page-tabs span.tab-button-text {
  font-size: 12px !important;
  margin-top: 5px !important;
  margin-bottom: 10px !important;
}

page-tabs .tabbar a[aria-selected="true"] img {
  -webkit-filter: invert(64%) sepia(19%) saturate(4377%) hue-rotate(346deg) brightness(100%) contrast(94%);
  filter: invert(64%) sepia(19%) saturate(4377%) hue-rotate(346deg) brightness(100%) contrast(94%);
}

@media only screen and (max-width: 360px) {
  page-tabs span.tab-button-text {
    font-size: 10px !important;
  }
}

page-attendance-machine-form .container-desktop {
  position: relative;
}

page-attendance-machine-form .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-attendance-machine-form .required {
  color: #F0624D;
}

page-attendance-machine-form .close-card {
  float: right;
  padding-right: 9px;
  padding-top: 4px;
  -webkit-text-fill-color: #fff;
}

page-attendance-machine-form .small-icon2 {
  -webkit-text-fill-color: #F68A22;
  margin: 0px 22px;
  padding: 6px 0px 15px 0px;
}

page-attendance-machine-form .att-card {
  border: solid #000000 1px;
  border-radius: 10px;
  border-color: #F68A22;
  margin: 14px 16px 0px 16px;
}

page-attendance-machine-form .att-card .att-header {
  background-color: #F68A22;
  height: 35px;
  border-radius: 8px 8px 0px 0px;
}

page-attendance-machine-form .att-card .att-header p {
  margin: 0px;
  -webkit-text-fill-color: #fff;
  padding-left: 9px;
  padding-top: 3px;
  font-size: 1.1em;
}

page-attendance-machine-form .att-card .att-form {
  padding: 1px 12px;
}

page-attendance-machine-setting .container-desktop {
  position: relative;
}

page-attendance-machine-setting .container-desktop .skeleton .table-content {
  border-radius: 5px;
  height: 15px;
}

page-attendance-machine-setting .container-mobile {
  padding: 16px;
}

page-attendance-machine-setting .container-mobile .skeleton .skeleton-box {
  height: 150px;
  border-radius: 5px;
  border: 1px solid #dddddd;
  padding: 25px 10px 30px 10px;
  margin-bottom: 10px;
  width: 100%;
}

page-attendance-machine-setting .container-mobile .skeleton .skeleton-box .skeleton-title {
  height: 20px;
  width: 80px;
  margin-bottom: 10px;
  margin-top: 10px;
  border-radius: 8px;
}

page-attendance-machine-setting .container-mobile .skeleton .skeleton-box .skeleton-description {
  height: 20px;
  width: 150px;
  border-radius: 8px;
}

page-attendance-machine-setting .container-mobile .skeleton .skeleton-box .skeleton-small {
  height: 10px;
  width: 80px;
  border-radius: 8px;
}

page-attendance-machine-setting .table-head {
  height: 40px;
  line-height: 30px;
  background-color: #f4f4f4;
  color: black;
  font-weight: bold;
}

page-attendance-machine-setting .table-content:hover {
  background-color: #f4f4f4;
  cursor: pointer;
}

page-attendance-machine-setting .table-box {
  padding: 20px;
  border: 1px solid silver;
  border-radius: 10px;
}

page-attendance-machine-setting .table-section {
  width: 100% !important;
  overflow-y: scroll !important;
  min-height: 80%;
  min-width: 100%;
}

page-attendance-machine-setting .table-section table {
  font-family: arial, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

page-attendance-machine-setting .table-section td, page-attendance-machine-setting .table-section th {
  border: 1px solid #dddddd;
  text-align: left;
  padding: 8px;
}

page-attendance-machine-setting .table-section tr:nth-child(even) {
  background-color: #f4f4f4;
}

page-attendance-machine-setting .table-section-head {
  margin-bottom: 10px !important;
}

page-attendance-machine-setting .table-content {
  padding: 10px 0px 10px 0px;
}

page-attendance-machine-setting .table-content.hover {
  background-color: white;
  color: #189dae !important;
  padding: 10px 0px 10px 0px;
  -webkit-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
  text-decoration: underline;
}

page-attendance-machine-setting .table-content.hover:hover {
  background-color: #f1f1f1;
  cursor: pointer;
}

page-attendance-machine-setting .container-mobile {
  padding: 16px;
  min-height: calc(100vh - 56px - 51.6px - 71px) !important;
}

page-attendance-machine-setting .container-mobile .card-box {
  border-radius: 5px;
  border: 1px solid #dbdbe1;
  padding: 21px 25px;
}

page-attendance-machine-setting .container-mobile .card-box .name-section {
  font-size: 18px !important;
  font-family: "regular" !important;
  color: #192528 !important;
  margin-bottom: 2px;
}

page-attendance-machine-setting .container-mobile .card-box .name-section span {
  font-size: 14px !important;
  color: #A5B0B7 !important;
}

page-attendance-machine-setting .container-mobile .card-box .rel-section {
  font-size: 14px !important;
  font-family: "regular" !important;
  color: #A5B0B7 !important;
  margin-bottom: 7px;
}

page-attendance-machine-setting .container-mobile .card-box .depen-section {
  font-size: 12px !important;
  font-family: "regular" !important;
  color: #A5B0B7 !important;
}

page-attendance-machine-setting .container-mobile .card-box .depen-section span {
  font-size: 14px !important;
  color: #192528 !important;
  text-transform: capitalize;
}

page-attendance-machine-setting .form-button-box {
  padding: 13px;
  border-top: 1px solid #dbdbe1;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  right: 0;
}

page-attendance-machine-setting .form-button-box .submit-btn {
  background: -webkit-gradient(linear, left top, right top, from(#19cddb), to(#00a9be));
  background: linear-gradient(to right, #19cddb, #00a9be);
  text-transform: capitalize;
}

page-attendance-machine-setting .content-box {
  padding: 10px 0;
  min-height: calc(100vh - 70px - 56px);
  overflow: scroll;
}

page-attendance-machine-setting .paginate {
  line-height: 65px;
  border-top: 1px solid #DFDFE5;
}

page-attendance-machine-setting .template-wrapper {
  position: absolute;
  top: 24%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 40vw !important;
  min-width: 240px;
  margin: auto !important;
}

page-attendance-machine-setting .template-wrapper button {
  max-width: 100%;
  width: 200px;
  margin: 16px auto auto;
}

page-attendance-machine-setting ion-icon::before {
  font-size: 22px !important;
}

page-attendance-machine-upload .primary-color {
  color: #F68A22 !important;
}

page-attendance-machine-upload .fileUpload {
  position: relative;
  overflow: hidden;
}

page-attendance-machine-upload .fileUpload input.upload {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
  filter: alpha(opacity=0);
}

page-attendance-machine-upload p {
  line-height: 150%;
  color: #F68A22 !important;
}

page-attendance-machine-upload .btn-template-upload .upload-header {
  padding-top: 3vh;
  max-width: 240px;
}

page-attendance-machine-upload .btn-template-upload .upload-label {
  margin-top: 28px;
  margin-bottom: 6px;
  max-width: 240px;
}

page-attendance-machine-upload .btn-template-upload .upload-button {
  width: 200px;
}

page-attendance-machine-upload .btn-template-upload-wrapper-download {
  position: absolute;
  width: 200px;
  padding-top: 15vh;
  margin: auto !important;
}

page-attendance-machine-upload .btn-template-upload-wrapper-upload {
  position: absolute;
  width: 200px;
  padding-top: 15vh;
  margin: auto !important;
}

page-attendance-machine-upload .header-template-upload-wrapper-first {
  position: absolute;
  max-width: 240px;
  padding-top: 3vh;
  margin: auto !important;
}

page-attendance-machine-upload .header-template-upload-wrapper-second {
  position: absolute;
  max-width: 240px;
  padding-top: 15vh;
  margin: auto !important;
}

page-attendance-machine-upload .btn-template-upload-wrapper-second-download {
  position: absolute;
  width: 200px;
  padding-top: 20vh;
  margin: auto !important;
}

page-attendance-machine-upload .btn-template-upload-wrapper-second-upload {
  position: absolute;
  width: 200px;
  padding-top: 28vh;
  margin: auto !important;
}

page-attendance-machine-upload .header-template-upload-wrapper-third {
  position: absolute;
  max-width: 240px;
  padding-top: 40vh;
  margin: auto !important;
}

page-attendance-machine-upload .btn-template-upload-wrapper-third-upload {
  position: absolute;
  width: 200px;
  padding-top: 45vh;
  margin: auto !important;
}

page-attendance-machine-upload .header-template-upload-wrapper {
  position: absolute;
  max-width: 240px;
  padding-top: 3vh;
  margin: auto !important;
}

page-attendance-machine-upload button ion-label {
  color: white !important;
}

page-attendance-machine-upload ion-icon::before {
  font-size: 22px !important;
}

page-attendance-machine-upload .top {
  border-bottom: 1px solid #dbdbe1;
  padding-bottom: 10px;
}

page-attendance-machine-upload .view-template .head-template {
  background-color: #f4f4f4;
  text-align: center;
  color: black;
  height: 40px;
  line-height: 30px;
}

page-attendance-machine-upload .view-template .center {
  margin: 0 auto;
}

page-attendance-machine-upload .view-template .content-template {
  padding: 6px;
}

page-attendance-machine-upload .filename {
  padding-left: 12px;
  line-height: 40px;
}

page-attendance-machine-upload-warning ion-content .wrap-list {
  padding: 0px 15px;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 0px;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .name-type-box ion-label {
  margin: 0;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .name-type-box .label-name {
  font-size: 16px !important;
  color: #707070 !important;
  margin-right: 8px;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .name-type-box .label-type {
  font-size: 14px !important;
  color: #F68A22 !important;
  border-radius: 5px;
  padding: 2px 5px;
  border: 1px solid #dfdfdf;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .date-box {
  margin-bottom: 8px;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .date-box .label-date {
  font-size: 14px !important;
  color: rgba(112, 112, 112, 0.68) !important;
  margin: 0;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .message-box {
  background: rgba(255, 0, 0, 0.05);
  border-left: 4px solid #ab1500;
  border-radius: 0px 4px 4px 0px;
  padding: 5px 10px;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .message-box .label-message {
  font-size: 14px !important;
  color: #707070 !important;
  margin: 0;
}

page-attendance-machine-upload-warning ion-content .scroll-content {
  padding: 0px 16px 16px 16px;
}

page-attendance-machine-upload-warning ion-content .top-panel .panel {
  padding: 15px;
}

page-attendance-machine-upload-warning ion-content .top-panel .panel ion-icon {
  font-size: 21px;
  width: 20px;
  color: #F68A22;
  margin-right: 8px;
}

page-attendance-machine-upload-warning ion-content .top-panel .panel ion-label {
  color: rgba(112, 112, 112, 0.68);
  margin: 0px;
  font-size: 14px;
}

page-attendance-machine-upload-warning ion-content .top-panel .panel-error {
  background: #ffdede;
  border-radius: 4px;
}

page-attendance-machine-upload-warning ion-content .top-panel .panel-error ion-icon {
  color: #ab1500;
}

page-attendance-machine-upload-warning ion-content .wrap-list {
  padding: 0px 15px;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 0px;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .name-type-box ion-label {
  margin: 0;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .name-type-box .label-name {
  font-size: 16px !important;
  color: #707070 !important;
  margin-right: 8px;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .name-type-box .label-type {
  font-size: 14px !important;
  color: #F68A22 !important;
  border-radius: 5px;
  padding: 2px 5px;
  border: 1px solid #dfdfdf;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .date-box {
  margin-bottom: 8px;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .date-box .label-date {
  font-size: 14px !important;
  color: rgba(112, 112, 112, 0.68) !important;
  margin: 0;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .message-box {
  background: rgba(255, 0, 0, 0.05);
  border-left: 4px solid #ab1500;
  border-radius: 0px 4px 4px 0px;
  padding: 5px 10px;
}

page-attendance-machine-upload-warning ion-content .wrap-list .error-box .message-box .label-message {
  font-size: 14px !important;
  color: #707070 !important;
  margin: 0;
}

page-att-alert-appeal .container {
  height: 100%;
  padding-bottom: 16px;
}

page-att-alert-appeal .scroll-content {
  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-att-alert-appeal .scroll-content .context {
  text-align: center;
  max-width: 400px;
}

page-att-alert-appeal h2 {
  font-size: 20px;
}

page-att-alert-appeal h5 {
  font-weight: 700;
  font-size: 20px;
}

page-att-alert-appeal ion-footer {
  padding: 0px 10px;
}

page-att-alert-appeal .img-content {
  margin-bottom: 16px !important;
}

page-att-alert-appeal .img-content img {
  min-width: 300px;
}

page-att-alert-red-zone .container {
  height: 100%;
  padding-bottom: 16px;
}

page-att-alert-red-zone .scroll-content {
  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-att-alert-red-zone .scroll-content .context {
  text-align: center;
  max-width: 400px;
}

page-att-alert-red-zone .scroll-content .context hr {
  margin: 25px 0;
}

page-att-alert-red-zone h2 {
  font-size: 20px;
}

page-att-alert-red-zone h5 {
  font-weight: 700;
  font-size: 20px;
}

page-att-alert-red-zone h5 span {
  color: #F0624D;
}

page-att-alert-red-zone ion-footer {
  padding: 0px 10px;
}

page-att-alert-red-zone .img-content {
  margin-bottom: 16px !important;
}

page-att-alert-red-zone .img-content img {
  min-width: 300px;
}

page-att-alert-red-zone .footer {
  margin-bottom: 24px;
}

page-attd-correction-detail .input-chart-icon:after {
  content: "\e90f";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attd-correction-detail [padding] h2:first-child {
  margin-top: 0.3rem;
}

page-attd-correction-detail [margin_right] {
  margin-right: 8px;
}

page-attd-correction-detail .upd-stat {
  color: #F68A22 !important;
}

page-attd-correction-detail .del-stat {
  color: #F0624D !important;
}

page-attd-correction-detail .col-right {
  text-align: right;
}

page-attd-correction-detail .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attd-correction-detail .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attd-correction-detail small {
  color: #999 !important;
}

page-attd-correction-detail .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attd-correction-detail .duoInputIcon ion-col p {
  font-size: 0.8em;
}

page-attd-correction-detail .duoInputIcon ion-col ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-attd-correction-detail .duoInputIcon ion-col ion-item ion-datetime {
  padding: 0;
}

page-attd-correction-detail .alert {
  background: #e1f4ff;
  padding: 10px;
  border-radius: 10px;
}

page-attd-correction-detail .alert ion-label.heading {
  font-weight: bold;
  font-size: 16px !important;
  color: #3383ea !important;
}

page-attd-correction-detail .alert ion-label.subheading {
  color: #3383ea !important;
}

page-attd-correction-detail .warning-box {
  padding: 16px;
  background-color: rgba(165, 176, 183, 0.1);
  margin: 8px 0;
  border-radius: 16px;
}

page-attd-correction-detail .warning-box svg-icon circle,
page-attd-correction-detail .warning-box svg-icon path {
  stroke: #A5B0B7;
}

page-attd-correction-detail .warning-box .detail p {
  font-size: 12px !important;
  color: #A5B0B7;
  width: 100%;
}

page-attd-correction-detail .warning-box .detail ion-label {
  color: #A5B0B7 !important;
  font-size: 12px !important;
  font-weight: bold;
}

page-attd-correction-form h2 {
  color: #F68A22 !important;
}

page-attd-correction-form .upd-stat {
  color: #F68A22 !important;
}

page-attd-correction-form .del-stat {
  color: #F0624D !important;
}

page-attd-correction-form .col-right {
  text-align: right;
}

page-attd-correction-form .request-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attd-correction-form .calendar-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attd-correction-form .attc-btn {
  padding-top: 10px;
}

page-attd-correction-form .attc-btn .item-inner {
  padding-right: 0px !important;
  border-bottom: none !important;
}

page-attd-correction-form .attc-btn ion-label {
  margin-left: 2px !important;
}

page-attd-correction-form ion-chip {
  height: 190px !important;
}

page-attd-correction-form ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  page-attd-correction-form .chip-md {
    width: 100% !important;
  }
  page-attd-correction-form .chip-ios {
    width: 100% !important;
  }
  page-attd-correction-form ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-attd-correction-form ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-attd-correction-form .chip-md {
    width: 50% !important;
  }
  page-attd-correction-form .chip-ios {
    width: 100% !important;
  }
}

page-attd-correction-form .img-preview {
  position: relative;
  display: inline-block;
}

page-attd-correction-form .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-attd-correction-form .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-attd-correction-history h2 {
  color: #F68A22 !important;
}

page-attd-correction-history .upd-stat {
  color: #F68A22 !important;
}

page-attd-correction-history .del-stat {
  color: #F0624D !important;
}

page-attd-correction-history .col-right {
  text-align: right;
}

page-attd-correction-history .col-left {
  text-align: left;
}

page-attd-correction-history .input-icon:after {
  content: "\e908";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attd-correction-history ion-item .item-inner {
  padding-right: 10px !important;
  padding-left: 10px !important;
}

page-attd-correction-history .skeleton-box .box {
  width: 100%;
}

page-attd-correction-history .skeleton-box .title-skeleton {
  width: 60%;
  height: 19px;
  border-radius: 3px;
}

page-attd-correction-history .skeleton-box .date-skeleton {
  width: 20%;
  border-radius: 3px;
  height: 19px;
}

page-attd-correction-history .skeleton-box .datefull-skeleton {
  width: 40%;
  height: 18px;
  border-radius: 3px;
}

page-attd-correction-history .skeleton-box .approve-skeleton {
  width: 40%;
  height: 18px;
}

page-attd-correction-history .skeleton-box .report-skeleton {
  width: 80%;
  height: 19px;
}

page-attd-correction-history .skeleton-box .arrow-skeleton {
  width: 25px;
  height: 25px;
}

page-attd-correction-history-detail {
  color: #666 !important;
}

page-attd-correction-history-detail ion-grid {
  margin: 0 !important;
}

page-attd-correction-history-detail .col-right {
  text-align: right;
}

page-attd-correction-history-detail div .right {
  float: right !important;
}

page-attd-correction-history-detail div .left {
  float: left !important;
}

page-attd-correction-history-detail div .clear-fl {
  clear: left !important;
}

page-attd-correction-history-detail .attend-status {
  color: #bdc3c7 !important;
}

page-attd-correction-history-detail .container-border {
  border-top: 1px #ececec solid;
}

page-attd-correction-history-detail ion-item .item-inner {
  border: none !important;
  width: 100% !important;
}

page-attd-correction-history-detail p, page-attd-correction-history-detail h2 {
  color: #666 !important;
}

page-attd-correction-history-detail .list-status {
  border-top: 1px #ececec solid;
  border-bottom: 1px #ececec solid;
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-attd-correction-history-detail .list-status .status-left {
  float: left;
  color: #F68A22;
  text-transform: uppercase !important;
}

page-attd-correction-history-detail .list-status .status-right {
  float: right;
}

page-attd-correction-history-detail .detail-correction ion-col h2.title {
  color: #F68A22 !important;
}

page-attd-correction-history-detail .detail-correction ion-col p.status-update {
  color: #F68A22 !important;
}

page-attd-correction-history-detail .detail-correction ion-col p.status-delete {
  color: #F0624D !important;
}

page-attd-correction-history-detail .detail-correction ion-col p.status-nochange {
  color: #bdc3c7 !important;
}

page-attd-correction-history-detail ion-list ion-row.nogrid {
  border: none !important;
}

page-attd-correction-history-detail .title-form {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  padding-bottom: 10px !important;
  padding-top: 10px !important;
}

page-attd-correction-history-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-attd-correction-history-detail .detail-list-request ion-item .item-inner {
  border: none !important;
}

page-attd-correction-history-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-attd-correction-history-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-attd-correction-history-detail .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-attd-correction-history-detail .list-ios > .item-block:last-child {
  border: none;
}

page-attd-correction-history-detail .list-ios > .item-block:first-child {
  border: none;
}

page-attd-correction-history-detail .title-form1 {
  margin-top: 10px !important;
}

page-attd-correction-list h2 {
  color: #F68A22 !important;
}

page-attd-correction-list .upd-stat {
  color: #F68A22 !important;
}

page-attd-correction-list .del-stat {
  color: #F0624D !important;
}

page-attd-correction-list .col-right {
  text-align: right;
}

page-attd-correction-list .input-icon:after {
  content: "\e90a";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attd-correction-list .data-list-request {
  margin-top: 10px;
}

page-attd-correction-list .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-attd-correction-list .data-list-request ion-item .item-inner {
  border: none !important;
}

page-attd-correction-list ion-list ion-item-divider h2 {
  color: #808080 !important;
}

page-attd-correction-list span.fw-btn {
  font-size: 20px !important;
}

page-attd-correction-list p.detail-stat-update {
  color: #F68A22 !important;
}

page-attd-correction-list p.detail-stat-delete {
  color: #F0624D !important;
}

page-attd-correction-list p.detail-stat-nochange {
  color: #bdc3c7 !important;
}

page-attd-correction-list .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
  background: #fff !important;
  border-bottom: 1px solid #dedede !important;
}

page-attd-correction-list .detail-list-request button ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-attd-correction-list .detail-list-request button ion-item .item-inner {
  border: none !important;
}

page-attd-correction-list .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-attd-correction-list .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-attd-correction-list .list-ios {
  margin-bottom: 0px !important;
}

page-attd-correction-list .time-box p {
  white-space: normal;
  text-overflow: unset !important;
  overflow: unset !important;
  line-height: 22px;
}

page-attd-correction-list .shift-box p {
  white-space: normal;
  text-overflow: unset !important;
  overflow: unset !important;
  line-height: 22px;
}

page-attd-correction-list-edit h2 {
  color: #F68A22 !important;
}

page-attd-correction-list-edit .upd-stat {
  color: #F68A22 !important;
}

page-attd-correction-list-edit .del-stat {
  color: #F0624D !important;
}

page-attd-correction-list-edit .col-right {
  text-align: right;
}

page-attd-correction-list-edit .input-icon:after {
  content: "\e90a";
  font-family: sfgo;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-attd-correction-list-edit .data-list-request {
  margin-top: 10px;
}

page-attd-correction-list-edit .data-list-request ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-attd-correction-list-edit .data-list-request ion-item .item-inner {
  border: none !important;
}

page-attd-correction-list-edit ion-list ion-item-divider h2 {
  color: #808080 !important;
}

page-attd-correction-list-edit span.fw-btn {
  font-size: 20px !important;
}

page-attd-correction-list-edit p.detail-stat-update {
  color: #F68A22 !important;
}

page-attd-correction-list-edit p.detail-stat-delete {
  color: #F0624D !important;
}

page-attd-correction-list-edit p.detail-stat-nochange {
  color: #bdc3c7 !important;
}

page-attd-correction-list-edit .detail-list-request ion-item-divider {
  border-top: 1px solid #dedede !important;
  background: #fff !important;
  border-bottom: 1px solid #dedede !important;
}

page-attd-correction-list-edit .detail-list-request button ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-attd-correction-list-edit .detail-list-request button ion-item .item-inner {
  border: none !important;
}

page-attd-correction-list-edit .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-attd-correction-list-edit .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-attd-correction-list-edit .list-ios {
  margin-bottom: 0px !important;
}

page-attd-correction-list-edit ion-chip {
  height: 200px !important;
}

page-attd-correction-list-edit ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  page-attd-correction-list-edit .chip-md {
    width: 100% !important;
  }
  page-attd-correction-list-edit .chip-ios {
    width: 100% !important;
  }
  page-attd-correction-list-edit ion-chip {
    height: 170px !important;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-attd-correction-list-edit .chip-md {
    width: 50% !important;
  }
  page-attd-correction-list-edit .chip-ios {
    width: 100% !important;
  }
}

page-attd-correction-list-edit .img-preview {
  position: relative;
  display: inline-block;
}

page-attd-correction-list-edit .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-attd-correction-list-edit .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-attendance-validation .col_border {
  border-width: 1px;
  border-style: solid;
  border-color: #42c7ff;
}

page-attendance-validation .atttable {
  width: 100%;
  border-width: 5px;
  border-style: solid;
  border-color: lightgray;
  font-size: 14px;
}

page-attendance-validation .attheader {
  background-color: lightgray;
  color: white;
}

page-attendance-validation td {
  vertical-align: middle;
  text-align: left;
  height: 25px;
}

page-attendance-validation .red {
  background-color: red;
}

page-attendance-validation .green {
  background-color: green;
}

page-attendance-validation .suspect {
  background-color: magenta;
  -webkit-text-fill-color: black;
}

page-attendance-validation-new .overlayMap {
  background: black;
  width: 100%;
  height: 100px;
  position: absolute;
  z-index: 20;
  opacity: 0;
  visibility: hidden;
}

page-attendance-validation-new .dua {
  -webkit-animation: gelap 0.7s, naik 0.7s forwards;
  animation: gelap 0.7s, naik 0.7s forwards;
}

page-attendance-validation-new .satu {
  -webkit-animation: turun 0.7s forwards;
  animation: turun 0.7s forwards;
}

@-webkit-keyframes gelap {
  to {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes gelap {
  to {
    opacity: 1;
    visibility: visible;
  }
}

@-webkit-keyframes naik {
  to {
    height: 1px;
  }
}

@keyframes naik {
  to {
    height: 1px;
  }
}

@-webkit-keyframes turun {
  from {
    height: 0px;
  }
}

@keyframes turun {
  from {
    height: 0px;
  }
}

page-attendance-validation-new .att-list button {
  padding: 0 !important;
  margin: 0 !important;
}

page-attendance-validation-new .ion-ios-sficon-phone:before,
page-attendance-validation-new .ion-ios-sficon-phone-circle:before,
page-attendance-validation-new .ion-ios-sficon-phone-circle-outline:before,
page-attendance-validation-new .ion-ios-sficon-phone-outline:before,
page-attendance-validation-new .ion-md-sficon-phone:before,
page-attendance-validation-new .ion-md-sficon-phone-circle:before,
page-attendance-validation-new .ion-md-sficon-phone-circle-outline:before,
page-attendance-validation-new .ion-md-sficon-phone-outline:before {
  font-size: 20px;
}

page-attendance-validation-new .ion-ios-sficon-fingerprint:before,
page-attendance-validation-new .ion-ios-sficon-fingerprint-circle:before,
page-attendance-validation-new .ion-ios-sficon-fingerprint-circle-outline:before,
page-attendance-validation-new .ion-ios-sficon-fingerprint-outline:before,
page-attendance-validation-new .ion-md-sficon-fingerprint:before,
page-attendance-validation-new .ion-md-sficon-fingerprint-circle:before,
page-attendance-validation-new .ion-md-sficon-fingerprint-circle-outline:before,
page-attendance-validation-new .ion-md-sficon-fingerprint-outline:before {
  font-size: 25px;
}

page-attendance-validation-new .start-time {
  color: #F68A22 !important;
}

page-attendance-validation-new .end-time {
  color: #63BEFB !important;
}

page-attendance-validation-new ion-content p {
  font-weight: 300;
}

page-attendance-validation-new ion-content ion-row ion-col span.sficon-placeholder2 {
  font-size: 22pt !important;
}

page-attendance-validation-new ion-content ion-item div h2 {
  font-weight: 400 !important;
}

page-attendance-validation-new ion-content ion-item ion-row {
  clear: both;
}

page-attendance-validation-new ion-content .map-list {
  width: 100%;
  height: 100%;
  background-color: #cecece;
}

page-attendance-validation-new ion-content .list-status-em {
  border-bottom: 1px #ececec solid;
  border-top: 1px #ececec solid;
  padding: 0 16px;
  width: auto;
  height: 4em;
}

page-attendance-validation-new ion-content .list-status {
  border: 1px #ececec solid;
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-attendance-validation-new ion-content .list-status .status-left {
  float: left;
  color: #F68A22;
  text-transform: uppercase !important;
}

page-attendance-validation-new ion-content .list-status .status-right {
  float: right;
}

page-attendance-validation-new ion-content ion-list {
  padding: 0px 16px;
}

page-attendance-validation-new ion-content ion-list .img-profile-me {
  margin-bottom: 4em !important;
}

page-attendance-validation-new ion-content .item-md [item-right], page-attendance-validation-new ion-content .item-ios [item-right] {
  margin: -17px -12px 9px -35px !important;
}

page-attendance-validation-new ion-content div.con-wrapper {
  display: table;
  height: 100%;
  width: 100%;
}

page-attendance-validation-new ion-content div.con-wrapper div.con-left {
  float: left;
}

page-attendance-validation-new ion-content div.con-wrapper div.con-left p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 15em;
  margin: 0px 0px 5px 0px;
}

page-attendance-validation-new ion-content div.con-wrapper div.con-left h2 {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 15em;
  font-weight: bold !important;
  margin: 0px 0px 5px 0px;
}

page-attendance-validation-new ion-content div.con-wrapper div.con-right {
  display: table-cell;
  vertical-align: middle;
}

page-attendance-validation-new .status-att {
  font-size: 13px;
}

page-attendance-validation-new .status-att span.stat {
  color: #fff;
  margin-right: 5px;
}

page-attendance-validation-new .status-att span.unpr::after {
  content: "UNPR";
  background: #333;
  padding: 0 10px;
  border-radius: 2em;
}

page-attendance-validation-new .status-att span.abs::after {
  content: "ABS";
  background: #A50024;
  padding: 0 10px;
  border-radius: 2em;
}

page-attendance-validation-new .status-att span.lti::after {
  content: "LTI";
  background: #BA910F;
  padding: 0 10px;
  border-radius: 2em;
}

page-attendance-validation-new .status-att span.nsi::after {
  content: "NSI";
  background: #00A89C;
  padding: 0 10px;
  border-radius: 2em;
}

page-attendance-validation-new .status-att span.nso::after {
  content: "NSO";
  background: #00A89C;
  padding: 0 10px;
  border-radius: 2em;
}

page-attendance-validation-new .time-stt {
  float: left;
}

page-attendance-validation-new .time-stt p {
  font-size: 1.5rem;
  margin-bottom: 3px;
}

page-attendance-validation-new .list-md {
  margin: initial !important;
}

page-attendance-validation-new .starttime {
  color: #F68A22;
}

page-attendance-validation-new .endtime {
  color: #f37249;
}

page-attendance-validation-new .ios home-page .scroll, page-attendance-validation-new .md home-page .scroll {
  height: 100%;
}

page-attendance-validation-new .ios home-page #map, page-attendance-validation-new .md home-page #map {
  width: 100%;
  height: 100%;
}

page-attendance-validation-new .no-scroll .scroll-content {
  overflow: hidden !important;
}

page-attendance-validation-new .text-ellipsis-max {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 11em;
}

page-attendance-validation-new .suspect {
  background-color: #fff3f3;
  border: 1px solid #ffcece !important;
  border-radius: 5px;
  padding: 10px 0 7px 10px;
}

page-attendance-validation-new .time-wrapper {
  padding: 5px 8px 0px 0px;
}

page-attendance-validation-new .item-md.item-block .item-inner {
  padding-right: 0px;
  border-bottom: none !important;
}

page-attendance-validation-new .item-ios.item-block .item-inner {
  padding-right: 0px;
  border-bottom: none !important;
}

page-attendance-validation-new .item-md, page-attendance-validation-new .item-ios {
  border-bottom: 1px solid #dedede;
  padding: 13px 0px;
}

page-attendance-validation-new .label-ios, page-attendance-validation-new .label-md {
  margin: 11px 0px 11px 0;
}

page-attendance-validation-new ion-avatar {
  margin: 8px 16px 8px 8px !important;
}

page-attendance-validation-new ion-calendar {
  padding: 16px 10px;
}

page-attendance-validation-new-detail ion-list ion-item {
  margin-left: 1em;
}

page-attendance-validation-new-detail .title-chat ion-col {
  text-align: left;
}

page-attendance-validation-new-detail .profile-div {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  margin: -3px -12px;
  position: absolute;
}

page-attendance-validation-new-detail .list-md {
  margin: initial !important;
}

page-attendance-validation-new-detail .starttime {
  color: #F68A22;
}

page-attendance-validation-new-detail .endtime {
  color: #f37249;
}

page-attendance-validation-new-detail ion-content p, page-attendance-validation-new-detail ion-content h2 {
  font-weight: 200 !important;
}

page-attendance-validation-new-detail ion-content span.sficon-placeholder2 {
  font-size: 22pt;
}

page-attendance-validation-new-detail ion-content span.sficon-camera {
  font-size: 22pt;
}

page-attendance-validation-new-detail ion-content .map-list {
  width: auto;
  height: 11em;
  background-color: #cecece;
}

page-attendance-validation-new-detail ion-content .list-status-em {
  border-bottom: 1px #ececec solid;
  border-top: 1px #ececec solid;
  padding: 0 16px;
  width: auto;
  height: 4em;
}

page-attendance-validation-new-detail ion-content .list-status {
  border: 1px #ececec solid;
  padding: 6px 16px;
  width: auto;
  height: 4em;
}

page-attendance-validation-new-detail ion-content .list-status .status-left {
  float: left;
  color: #F68A22;
  text-transform: uppercase !important;
}

page-attendance-validation-new-detail ion-content .list-status .status-right {
  float: right;
}

page-attendance-validation-new-detail ion-content ion-list {
  padding: 16px;
}

page-attendance-validation-new-detail ion-content ion-list .sficon-forward {
  margin-bottom: 3em !important;
  color: #F68A22;
}

page-attendance-validation-new-detail ion-content ion-list .img-profile-me {
  margin-bottom: 4em !important;
}

page-attendance-validation-new-detail ion-content ion-row ion-col {
  position: relative;
}

page-attendance-validation-new-detail ion-content ion-row ion-col .datetime {
  position: absolute;
  top: 50%;
  left: 20%;
  -webkit-transform: translate(-20%, -50%);
  transform: translate(-20%, -50%);
}

page-attendance-validation-new-detail ion-content ion-row ion-col .endtime {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-attendance-validation-new-detail ion-content ion-row ion-col span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-attendance-validation-new-detail .ios home-page .scroll, page-attendance-validation-new-detail .md home-page .scroll {
  height: 100%;
}

page-attendance-validation-new-detail #map {
  width: 100%;
  height: 50%;
}

page-attendance-validation-new-detail .suspect {
  background-color: #fff3f3;
  border-top: 1px solid #ffcece !important;
  border-bottom: 1px solid #ffcece !important;
  height: 60px;
}

page-attendance-validation-new-detail .suspect:first-child {
  background-color: #fff3f3;
  border-left: 1px solid #ffcece !important;
  border-radius: 5px 0 0 5px;
}

page-attendance-validation-new-detail .suspect:last-child {
  background-color: #fff3f3;
  border-right: 1px solid #ffcece !important;
  border-radius: 0 5px 5px 0;
}

page-attendance-validation-new-detail .nosuspect {
  background-color: #f3f5ff;
  border-top: 1px solid #ced6ff !important;
  border-bottom: 1px solid #ced6ff !important;
  height: 60px;
}

page-attendance-validation-new-detail .nosuspect:first-child {
  background-color: #f3f5ff;
  border-left: 1px solid #ced6ff !important;
  border-radius: 5px 0 0 5px;
}

page-attendance-validation-new-detail .nosuspect:last-child {
  background-color: #f3f5ff;
  border-right: 1px solid #ced6ff !important;
  border-radius: 0 5px 5px 0;
}

page-attendance-validation-new-detail .item-md.item-block .item-inner {
  padding-right: 0px;
  border-bottom: none !important;
}

page-attendance-validation-new-detail .item-ios.item-block .item-inner {
  padding-right: 0px;
  border-bottom: none !important;
}

page-attendance-validation-new-detail .item-md, page-attendance-validation-new-detail .item-ios {
  padding: 0px;
}

page-attendance-validation-new-detail .list-ios > .item-block:first-child {
  border-top: none !important;
}

page-attendance-validation-new-detail .list-ios > .item-block:last-child {
  border-bottom: none !important;
}

page-attendance-validation-new-detail .label-ios, page-attendance-validation-new-detail .label-md {
  margin: 0 0 16px 0;
}

page-attendance-validation-detail .align-left {
  float: left;
}

page-attendance-validation-detail .align-right {
  float: left;
  padding-left: 10px;
}

page-attendance-validation-detail .col_border {
  border-width: 1px;
  border-style: solid;
  border-color: #42c7ff;
}

page-attendance-validation-detail .atttable {
  width: 100%;
  border-width: 5px;
  border-style: solid;
  border-color: lightgray;
  font-size: 14px;
}

page-attendance-validation-detail .attheader {
  background-color: lightgray;
  color: white;
}

page-attendance-validation-detail .attdatas {
  vertical-align: middle;
  text-align: left;
  height: 25px;
  -webkit-text-fill-color: black;
}

page-attendance-validation-detail .atticon {
  vertical-align: middle;
  text-align: center;
  height: 25px;
}

page-attendance-validation-detail .button-size {
  width: 5px;
  height: 15px;
  vertical-align: middle;
}

page-attendance-validation-detail .suspect {
  background-color: magenta;
  -webkit-text-fill-color: black;
  border-width: 1px !important;
  border-style: solid;
  border-color: lightgray;
}

page-authenticator .number {
  font-size: 50px !important;
  color: blue !important;
}

page-authenticator .square {
  border: 1px solid #dbdbe1;
  padding: 5px;
  border-radius: 5px;
}

page-authenticator .countainer {
  height: 80vh;
}

page-authenticator .record {
  width: 100%;
}

.balance-edit [disabled] {
  color: limegreen;
  opacity: 1;
}

.balance-edit ion-input {
  color: limegreen !important;
}

.balance-edit ion-col[width-33] button:first-child {
  float: right;
  right: 35px;
}

.balance-edit ion-col[width-33] button:nth-child(2) {
  position: absolute;
  right: 8px;
}

.balance-edit .info {
  font-size: 12px;
  color: var(--color-info);
}

.balance-edit .info ion-icon {
  position: relative;
  top: 2px;
}

page-leave-balance-history h2 {
  color: #F68A22 !important;
}

page-leave-balance-history .upd-stat {
  color: #F68A22 !important;
}

page-leave-balance-history .del-stat {
  color: #F0624D !important;
}

page-leave-balance-history .col-right {
  text-align: right;
}

page-leave-balance-history .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-leave-balance-history .data-list-request ion-item .item-inner {
  border: none !important;
}

page-leave-balance-history .title-form {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
}

page-leave-balance-history .leave-status {
  color: #bdc3c7 !important;
}

page-leave-balance-history .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-leave-balance-history .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-leave-balance-history .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-leave-balance-history .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-leave-balance-history .list-ios > .item-block:last-child {
  border: none;
}

page-leave-balance-history .list-cancell-req {
  padding: 0px 16px 0px 16px;
  margin: 0px;
}

page-leave-balance-history .list-cancell-req p {
  margin: 5px 0px 3px 0px;
}

page-leave-balance-history .title-form-cancel {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
  -webkit-text-fill-color: red;
}

page-leave-balance-history .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-leave-balance-history .title-col h2 {
  display: inline-block;
}

page-leave-balance-history .div-multi-request ion-col {
  padding: 0px !important;
}

page-leave-balance-history .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-leave-balance-history .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-leave-balance-history page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-leave-balance-history ion-scroll {
  height: 200px;
}

page-leave-balance-history ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-leave-balance-history ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-leave-balance-history .container .list-box .list-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-leave-balance-history .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

page-leave-balance-history .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

page-leave-balance-history .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

page-leave-balance-history .container .list-box .list-section ion-select button {
  padding-left: 0;
}

page-leave-balance-history .container .factory-box .factory-section {
  border: 0px solid #dbdbe1;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
}

page-leave-balance-history .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-leave-balance-history .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
  font-size: 12px !important;
}

page-leave-balance-history .container .factory-box .factory-section .content-container button {
  width: 140px;
}

page-leave-balance-history .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-leave-balance-history .container .factory-box .factory-section .content-container .content-box {
  border-bottom: 1px solid #dbdbe1;
  border-right: 1px solid #dbdbe1;
  border-left: 1px solid #dbdbe1;
}

page-leave-balance-history .container .factory-box .factory-section .content-container .content-box ion-label {
  text-align: center;
  font-size: 12px !important;
}

page-leave-balance-history .container .factory-box .factory-section .content-container .content-box ion-input input {
  text-align: center;
  margin: 0;
  padding: 5px 0;
  border: 1px solid #dbdbe1;
}

page-leave-balance-maintenance {
  contain: none !important;
}

page-leave-balance-maintenance .close-btn {
  position: absolute;
  right: -22px;
  top: 10px;
  z-index: 99;
}

page-leave-balance-maintenance .close-btn ion-icon {
  font-size: 22px;
  color: white;
}

page-leave-balance-maintenance ion-header {
  background: red;
  border-bottom: 1px solid #dbdbe1;
}

page-leave-balance-maintenance .header button {
  text-transform: capitalize;
}

page-leave-balance-maintenance .left-header ion-label {
  padding: 0 12px;
}

page-leave-balance-maintenance .container {
  padding: 0 16px;
  overflow: auto;
  height: 100%;
}

page-leave-balance-maintenance .browse-btn {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-leave-balance-maintenance .permit-box {
  margin-bottom: 12px;
}

page-leave-balance-maintenance .permit-box > ion-label {
  font-size: 12px !important;
  color: #222 !important;
}

page-leave-balance-maintenance .permit-box .permit-section {
  border: 1px solid #dbdbe1;
  border-radius: 6px;
  position: relative;
}

page-leave-balance-maintenance .permit-box .permit-section ion-select {
  float: unset !important;
  max-width: unset;
}

page-leave-balance-maintenance .emp-box {
  border: 1px solid #dbdbe1;
  border-radius: 3px;
  margin-bottom: 16px;
}

page-leave-balance-maintenance .container-box .list-box .list-section {
  margin-bottom: 16px;
}

page-leave-balance-maintenance .container-box .list-box .list-section .name {
  font-family: "bold" !important;
  font-size: 14px !important;
}

page-leave-balance-maintenance .container-box .list-box .list-section .job {
  color: #A5B0B7 !important;
  font-size: 12px !important;
}

page-leave-balance-maintenance .container-box .list-box .list-section .check-box ion-checkbox[gdx-checkbox] .checkbox-checked {
  background: #F68A22 !important;
}

page-leave-balance-maintenance ion-footer .box {
  padding: 10px 16px;
}

page-leave-balance-maintenance-list {
  contain: none !important;
}

page-leave-balance-maintenance-list .close-mobile {
  border: none !important;
  top: 17px !important;
  left: 10px !important;
}

page-leave-balance-maintenance-list .close-mobile ion-icon {
  color: #222 !important;
}

page-leave-balance-maintenance-list .checkbox-md .checkbox-checked {
  border-color: #F68A22;
  background-color: #F68A22;
}

page-leave-balance-maintenance-list .checkbox-md.checkbox-disabled, page-leave-balance-maintenance-list .item-md.item-checkbox-disabled ion-label {
  opacity: 1 !important;
  pointer-events: none;
}

page-leave-balance-maintenance-list .select-box {
  margin-bottom: 16px;
}

page-leave-balance-maintenance-list .select-box ion-label {
  font-family: 'bold' !important;
  color: #222 !important;
}

page-leave-balance-maintenance-list .detail-section {
  margin-bottom: 16px;
}

page-leave-balance-maintenance-list .detail-section .top {
  font-family: 'bold' !important;
  color: #222 !important;
  margin-bottom: 2px;
}

page-leave-balance-maintenance-list .detail-section .bot {
  font-family: 'light' !important;
  color: #A5B0B7 !important;
  font-size: 12px !important;
}

page-leave-balance-maintenance-list .shift-block {
  border: 0px solid #ccc;
  border-left-width: 1px;
}

page-leave-balance-maintenance-list .shift-block .header-right ion-col {
  border: 1px solid #ccc;
  border-left: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 110px;
  -ms-flex: 0 0 110px;
  flex: 0 0 110px;
  max-width: 7em;
  min-height: 4em;
  padding: 5px;
  text-align: center;
}

page-leave-balance-maintenance-list .shift-block .header-right ion-col h2 {
  margin: 0;
  color: #F68A22;
  font-size: 1em;
}

page-leave-balance-maintenance-list .shift-block .header-right ion-col p {
  margin: 0;
}

page-leave-balance-maintenance-list .shift-block div.body-right ion-col.holiday {
  background-color: #fef3f4;
}

page-leave-balance-maintenance-list .shift-block div.body-right ion-row:hover {
  background: rgba(162, 162, 162, 0.1);
}

page-leave-balance-maintenance-list .shift-block div.body-right ion-col {
  border: 1px solid #ccc;
  border-top: 0px;
  border-left: 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;
  min-height: 5em;
  max-width: 7em;
  padding: 0 0px;
  text-align: center;
  line-height: 2.3em;
  word-break: break-word;
}

page-leave-balance-maintenance-list .shift-block div.body-right ion-col p {
  margin: 0 auto;
}

page-leave-balance-maintenance-list .shift-block div.body-right ion-col p:first-child {
  width: 6em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-leave-balance-maintenance-list .close-btn {
  position: absolute;
  right: -22px;
  top: 10px;
  z-index: 99;
}

page-leave-balance-maintenance-list .close-btn ion-icon {
  font-size: 22px;
  color: white;
}

page-leave-balance-maintenance-list ion-header {
  background: red;
  border-bottom: 1px solid #dbdbe1;
}

page-leave-balance-maintenance-list .header button {
  text-transform: capitalize;
}

page-leave-balance-maintenance-list .left-header ion-label {
  padding: 0 12px;
}

page-leave-balance-maintenance-list .container {
  padding: 16px;
  overflow: auto;
  height: 100%;
}

page-leave-balance-maintenance-list .container .top-panel .panel {
  padding: 15px;
}

page-leave-balance-maintenance-list .container .top-panel .panel ion-icon {
  font-size: 21px;
  width: 20px;
  color: #F68A22;
  margin-right: 8px;
}

page-leave-balance-maintenance-list .container .top-panel .panel ion-label {
  color: rgba(112, 112, 112, 0.68);
  margin: 0px;
  font-size: 14px;
}

page-leave-balance-maintenance-list .container .top-panel .panel-error {
  background: #ffdede;
  border-radius: 4px;
}

page-leave-balance-maintenance-list .container .top-panel .panel-error ion-icon {
  color: #ab1500;
}

page-leave-balance-maintenance-list .container .wrap-list {
  padding: 0px 15px;
}

page-leave-balance-maintenance-list .container .wrap-list .error-box {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 0px;
}

page-leave-balance-maintenance-list .container .wrap-list .error-box .name-type-box ion-label {
  margin: 0;
}

page-leave-balance-maintenance-list .container .wrap-list .error-box .name-type-box .label-name {
  font-size: 16px !important;
  color: #707070 !important;
  margin-right: 8px;
}

page-leave-balance-maintenance-list .container .wrap-list .error-box .name-type-box .label-type {
  font-size: 14px !important;
  color: #F68A22 !important;
  border-radius: 5px;
  padding: 2px 5px;
  border: 1px solid #dfdfdf;
}

page-leave-balance-maintenance-list .container .wrap-list .error-box .date-box {
  margin-bottom: 8px;
}

page-leave-balance-maintenance-list .container .wrap-list .error-box .date-box .label-date {
  font-size: 14px !important;
  color: rgba(112, 112, 112, 0.68) !important;
  margin: 0;
}

page-leave-balance-maintenance-list .container .wrap-list .error-box .message-box {
  background: rgba(255, 0, 0, 0.05);
  border-left: 4px solid #ab1500;
  border-radius: 0px 4px 4px 0px;
  padding: 5px 10px;
}

page-leave-balance-maintenance-list .container .wrap-list .error-box .message-box .label-message {
  font-size: 14px !important;
  color: #707070 !important;
  margin: 0;
}

page-leave-balance-maintenance-list .browse-btn {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-leave-balance-maintenance-list .footer-box {
  padding: 16px;
}

leave-balance-modal .container-box h1 {
  margin-top: 0;
  font-family: 'bold' !important;
  font-size: 22px !important;
  color: #222 !important;
  margin-bottom: 16px;
}

leave-balance-modal .container-box .detail-section {
  margin-bottom: 12px;
}

leave-balance-modal .container-box .detail-section .top {
  font-family: 'bold' !important;
  color: #222 !important;
  margin-bottom: 2px;
}

leave-balance-modal .container-box .detail-section .bot {
  font-family: 'light' !important;
  color: #A5B0B7 !important;
  font-size: 12px !important;
}

page-leave-balance-upload p {
  line-height: 150%;
  color: #F68A22 !important;
}

page-leave-balance-upload .btn-template-upload {
  position: relative;
}

page-leave-balance-upload .btn-template-upload-wrapper {
  position: absolute;
  width: 200px;
  padding-top: 10vh;
  margin: auto !important;
  margin-top: 20px;
}

page-leave-balance-upload .header-template-upload-wrapper {
  position: absolute;
  max-width: 240px;
  padding-top: 5vh;
  margin: auto !important;
}

page-leave-balance-upload button ion-label {
  color: white !important;
}

page-leave-balance-upload ion-icon::before {
  font-size: 22px !important;
}

page-leave-balance-upload .primary-color {
  color: #F68A22 !important;
}

page-leave-cancellation-add h2 {
  color: #F68A22;
}

page-leave-cancellation-add .upd-stat {
  color: #F68A22;
}

page-leave-cancellation-add .del-stat {
  color: #F0624D;
}

page-leave-cancellation-add .col-right {
  text-align: right;
}

page-leave-cancellation-add .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave-cancellation-add .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave-cancellation-add .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave-cancellation-add .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-leave-cancellation-add .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-leave-cancellation-add .align-left {
  float: left;
}

page-leave-cancellation-add .align-right {
  float: right;
}

page-leave-cancellation-add p {
  margin-bottom: -10px !important;
}

page-leave-cancellation-add .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-leave-cancellation-add .item-row-time .item-inner {
  border: none !important;
}

page-leave-cancellation-add .list-radio ion-item .item-inner {
  border: none !important;
}

page-leave-cancellation-add ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-leave-cancellation-detail h2 {
  color: #F68A22 !important;
}

page-leave-cancellation-detail .upd-stat {
  color: #F68A22 !important;
}

page-leave-cancellation-detail .del-stat {
  color: #F0624D !important;
}

page-leave-cancellation-detail .col-right {
  text-align: right;
}

page-leave-cancellation-detail .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-leave-cancellation-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-leave-cancellation-detail .title-form {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
}

page-leave-cancellation-detail .leave-status {
  color: #bdc3c7 !important;
}

page-leave-cancellation-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-leave-cancellation-detail .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-leave-cancellation-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-leave-cancellation-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-leave-cancellation-detail .list-ios > .item-block:last-child {
  border: none;
}

page-leave-cancellation-edit h2 {
  color: #F68A22;
}

page-leave-cancellation-edit .upd-stat {
  color: #F68A22;
}

page-leave-cancellation-edit .del-stat {
  color: #F0624D;
}

page-leave-cancellation-edit .col-right {
  text-align: right;
}

page-leave-cancellation-edit .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave-cancellation-edit .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave-cancellation-edit .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave-cancellation-edit .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-leave-cancellation-edit .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-leave-cancellation-edit .align-left {
  float: left;
}

page-leave-cancellation-edit .align-right {
  float: right;
}

page-leave-cancellation-edit p {
  margin-bottom: -10px !important;
}

page-leave-cancellation-edit .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-leave-cancellation-edit .item-row-time .item-inner {
  border: none !important;
}

page-leave-cancellation-edit .list-radio ion-item .item-inner {
  border: none !important;
}

page-leave-entitlement {
  color: #808080 !important;
}

page-leave-entitlement .list-ios > .item-block:last-child {
  border: none !important;
}

page-leave-entitlement .list-ios > .item-block:first-child {
  border: none !important;
}

page-leave-entitlement .list-md > .item-block:last-child {
  border: none !important;
}

page-leave-entitlement .list-md > .item-block:first-child {
  border: none !important;
}

page-leave-entitlement .skeleton-box .box {
  width: 100%;
}

page-leave-entitlement .skeleton-box .title-skeleton {
  width: 60%;
  height: 19px;
  border-radius: 3px;
}

page-leave-entitlement .skeleton-box .date-skeleton {
  width: 20%;
  border-radius: 3px;
  height: 19px;
}

page-leave-entitlement .skeleton-box .datefull-skeleton {
  width: 40%;
  height: 18px;
  border-radius: 3px;
}

page-leave-entitlement .skeleton-box .approve-skeleton {
  width: 40%;
  height: 18px;
}

page-leave-entitlement .skeleton-box .report-skeleton {
  width: 80%;
  height: 19px;
}

page-leave-entitlement .skeleton-box .arrow-skeleton {
  width: 25px;
  height: 25px;
}

page-leave-entitlement-add .input-cal-icon:after {
  content: "\e90a";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave-grade-add .grid-table {
  margin-right: unset !important;
  margin-left: unset !important;
  width: unset !important;
}

page-leave-grade-add .square {
  padding: 5px;
  border: 1px solid black;
}

page-leave-grade-add .container .list-box .list-section {
  padding: 0 0 12px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-leave-grade-add .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

page-leave-grade-add .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

page-leave-grade-add .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

page-leave-grade-add .container .list-box .list-section ion-select button {
  padding-left: 0;
}

page-leave-grade-add .container .factory-box .factory-section {
  border: 1px solid #dbdbe1;
  border-radius: 4px;
  padding: 0 0 6px 0;
}

page-leave-grade-add .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-leave-grade-add .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
}

page-leave-grade-add .container .factory-box .factory-section .content-container {
  padding: 0 12px;
}

page-leave-grade-add .container .factory-box .factory-section .content-container button {
  width: 140px;
}

page-leave-grade-add .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-leave-grade-add .container .factory-box .factory-section .content-container .content-box {
  margin-bottom: 16px;
}

page-leave-grade-add .container .factory-box .factory-section .content-container .content-box ion-input input {
  text-align: center;
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-leave-grade-edit .grid-table {
  margin-right: unset !important;
  margin-left: unset !important;
  width: unset !important;
}

page-leave-grade-edit .square {
  padding: 5px;
  border: 1px solid black;
}

page-leave-grade-edit .container .list-box .list-section {
  padding: 0 0 12px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-leave-grade-edit .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

page-leave-grade-edit .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

page-leave-grade-edit .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

page-leave-grade-edit .container .list-box .list-section ion-select button {
  padding-left: 0;
}

page-leave-grade-edit .container .factory-box .factory-section {
  border: 1px solid #dbdbe1;
  border-radius: 4px;
  padding: 0 0 6px 0;
}

page-leave-grade-edit .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-leave-grade-edit .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
}

page-leave-grade-edit .container .factory-box .factory-section .content-container {
  padding: 0 12px;
}

page-leave-grade-edit .container .factory-box .factory-section .content-container button {
  width: 140px;
}

page-leave-grade-edit .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-leave-grade-edit .container .factory-box .factory-section .content-container .content-box {
  margin-bottom: 16px;
}

page-leave-grade-edit .container .factory-box .factory-section .content-container .content-box ion-input input {
  text-align: center;
  margin: 0;
  padding: 5px 0;
  border-bottom: 1px solid #dbdbe1;
}

leave-setting {
  color: #808080 !important;
}

leave-setting .fixed-content {
  top: unset;
  bottom: 100px;
}

leave-setting .fixed-content .helper {
  width: 100%;
}

leave-setting .list-ios > .item-block:last-child {
  border: none !important;
}

leave-setting .list-ios > .item-block:first-child {
  border: none !important;
}

leave-setting .list-md > .item-block:last-child {
  border: none !important;
}

leave-setting .list-md > .item-block:first-child {
  border: none !important;
}

leave-setting .row-skeleton {
  padding: 11px 0;
  border-bottom: 1px solid #dedede;
}

leave-setting .row-skeleton .left-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 200px;
  border-radius: 2px;
  height: 30px;
}

leave-setting .row-skeleton .right-side .line {
  background: #dedede;
  margin: 5px 0;
  width: 50px;
  border-radius: 2px;
  height: 30px;
}

leave-setting .introjs-fixParent {
  z-index: 99 !important;
}

leave-setting-add .input-number {
  margin-top: 8px;
  padding: 8px;
  width: 100%;
  border: none !important;
}

leave-setting-add .div-input-text ion-label {
  font-size: 1.4rem !important;
}

leave-setting-add .start button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  border-radius: 20px;
  width: 225px;
  background-color: #F68A22;
}

leave-setting-add .start button:hover {
  opacity: 0.8;
  background-color: #F68A22 !important;
}

leave-setting-add ion-content ion-label {
  line-height: 150%;
}

leave-setting-add ion-spinner {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

leave-setting-add .toolbar-content {
  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;
}

leave-setting-add ion-item ion-input {
  border: 1px solid #dbdbe1;
  padding: 5px 16px;
  border-radius: 10px;
  margin-top: 10px;
}

leave-setting-add ion-item .item-inner {
  margin-left: 0em !important;
}

leave-setting-add ion-item ion-select {
  border: 1px solid #dbdbe1 !important;
  padding: 14px 16px !important;
  border-radius: 10px;
  margin-top: 10px;
}

leave-setting-add ion-item ion-textarea {
  border: 1px solid #dbdbe1 !important;
  padding: 14px 16px !important;
  border-radius: 10px;
  margin-top: 10px;
}

leave-setting-add ion-item.custom {
  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;
}

leave-setting-add ion-item.custom ion-label {
  width: 100%;
  margin: 13px 8px 0px 8px !important;
}

leave-setting-add ion-item.custom ion-select {
  border: 1px solid #dbdbe1 !important;
  width: 100% !important;
  max-width: 100% !important;
}

leave-setting-add ion-list .add_employee .add img {
  margin-right: 15px;
}

leave-setting-add ion-list .add_employee .add ion-label {
  color: #A5B0B7 !important;
}

leave-setting-add ion-list .add_employee .add_result .employee .employee_avatar {
  margin-right: 2px;
}

leave-setting-add ion-list .add_employee .add_result .employee .more_employee {
  border-radius: 200px;
  background: #c7cfdb;
  font-weight: bold;
  width: 47px;
  height: 47px;
  text-align: center;
  padding-top: 15px;
  font-size: 16px;
}

leave-setting-add ion-list .add_employee .add_result .employee .total_employee {
  text-align: right;
}

leave-setting-add ion-list .add_employee .desc ion-label {
  color: #A5B0B7 !important;
}

leave-setting-edit .btn-sub {
  margin: auto;
  width: 18em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-top-right-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #189dae;
  text-align: center;
}

leave-setting-edit .input-number {
  margin-top: 8px;
  padding: 8px;
  width: 100%;
  border: none !important;
  border-bottom: 1px solid #dbdbdb !important;
}

leave-setting-edit .div-input-text ion-label {
  font-size: 1.4rem !important;
}

leave-setting-edit .start button {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  border-radius: 20px;
  width: 225px;
  background-color: #F68A22;
}

leave-setting-edit .start button:hover {
  opacity: 0.8;
  background-color: #F68A22 !important;
}

leave-setting-edit .btn-action-save {
  padding: 22px 75px;
  margin-top: 5px;
  margin-bottom: 5px;
}

leave-setting-edit ion-content ion-label {
  line-height: 150%;
}

leave-setting-edit .toolbar-content {
  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;
}

leave-setting-edit .line {
  border-bottom: 1px solid #dbdbe1;
}

leave-setting-edit ion-spinner {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

leave-setting-edit .btn-save:hover {
  background-color: white;
  border: 1px solid #dbdbe1;
}

leave-setting-edit .checkbox-md .checkbox-icon, leave-setting-edit .checkbox-ios .checkbox-icon {
  border-radius: 50% !important;
  height: 1.5em !important;
  width: 1.5em !important;
  background-color: #FBAC5E;
  border: none;
}

leave-setting-emp-list .btn-filter {
  padding-top: 4px;
}

leave-setting-emp-list .btn-filter:hover {
  cursor: pointer;
  opacity: 0.7;
}

leave-setting-emp-list .filter-gender {
  background: #f0efed;
  padding-left: 16px;
  font-weight: bold;
  color: #F68A22;
}

leave-setting-emp-list .filter-gender ion-item {
  background: transparent !important;
}

leave-setting-emp-list .filter-gender ion-label:hover {
  cursor: pointer;
}

leave-setting-emp-list .header-box .switch {
  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;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media screen and (min-width: 768px) {
  leave-setting-emp-list .header-box .switch svg rect {
    fill: #F68A22;
  }
}

leave-setting-emp-list .header-box .add {
  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;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media screen and (min-width: 768px) {
  leave-setting-emp-list .header-box .add svg > g > line {
    stroke: #F68A22;
  }
}

leave-setting-emp-list ion-avatar img {
  width: 45px !important;
  height: 45px !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

leave-setting-emp-list ion-header ion-navbar {
  border-bottom: 1px solid #e2e9ed;
}

leave-setting-emp-list ion-header .chosen-box {
  border-bottom: 1px solid #e2e9ed;
  padding: 0 12px;
}

leave-setting-emp-list ion-header .chosen-box ion-avatar {
  margin-right: 0px !important;
}

leave-setting-emp-list ion-header .chosen-box .avatar-box {
  position: relative;
}

leave-setting-emp-list ion-header .chosen-box .avatar-box .icon-box {
  position: absolute;
  top: 7px;
  left: 31px;
  background: #db4119;
  width: 18px;
  height: 18px;
  border-radius: 200px;
}

leave-setting-emp-list ion-header .chosen-box .avatar-box ion-icon {
  color: white;
  font-size: 0.9em;
}

leave-setting-emp-list ion-content .list-box .list-section {
  border-bottom: 1px solid #e2e9ed;
  padding: 16px 22px;
}

leave-setting-emp-list ion-content .list-box .list-section .detail {
  overflow: hidden;
}

leave-setting-emp-list ion-content .list-box .list-section .detail h2 {
  font-size: 1.5rem;
  font-family: "medium";
  color: #58595b;
  margin: 0 0 1px 0;
  text-transform: capitalize;
}

leave-setting-emp-list ion-content .list-box .list-section .detail ion-label {
  font-size: 1.5rem !important;
  font-family: "regular" !important;
  color: #a5b0b7 !important;
}

leave-setting-emp-list ion-content .list-box .list-section ion-checkbox {
  padding-right: 10px;
}

leave-setting-emp-list ion-content .list-box .list-section ion-checkbox .checkbox-icon {
  background: white;
  border: 2px solid #a5b0b7;
}

leave-setting-emp-list ion-content .list-box .list-section ion-checkbox .checkbox-checked {
  background-color: #F68A22;
  border: none;
}

leave-setting-emp-list ion-content .list-box .list-section ion-checkbox .checkbox-checked .checkbox-inner {
  left: 7px;
  top: 2.5px;
  width: 7px;
  height: 14px;
}

leave-setting-emp-list .skeleton-box .skeleton-section {
  width: 100%;
}

leave-setting-emp-list .skeleton-box .skeleton-section .avatar-skeleton {
  position: absolute;
  text-align: left;
  width: 40px;
  height: 40px;
  margin: 14px 10px 10px 20px;
  background-color: #dedede;
  text-align: left;
  border-radius: 50%;
}

leave-setting-emp-list .skeleton-box .skeleton-section .detail-skeleton .name-skeleton {
  padding: 8px 20px 8px 16px;
  margin-bottom: 5px !important;
  margin: 20px 120px 10px 70px;
  border-radius: 5px;
  background: #dedede;
}

leave-setting-emp-list .skeleton-box .skeleton-section .detail-skeleton .title-skeleton {
  padding: 5px 20px 5px 16px;
  margin-bottom: 10px !important;
  margin: 2px 150px 10px 70px;
  border-radius: 5px;
  background: #dedede;
}

leave-setting-emp-list ion-footer button {
  margin-bottom: 25px;
}

page-leave-setup p {
  line-height: 150%;
  color: #F68A22 !important;
}

page-leave-setup .btn-template-upload {
  position: relative;
}

page-leave-setup .btn-template-upload-wrapper {
  position: absolute;
  width: 200px;
  padding-top: 24vh;
  margin: auto !important;
}

page-leave-setup .header-template-upload-wrapper {
  position: absolute;
  max-width: 240px;
  padding-top: 5vh;
  margin: auto !important;
}

page-leave-setup button ion-label {
  color: white !important;
}

page-leave-setup ion-icon::before {
  font-size: 22px !important;
}

page-leave-setup .primary-color {
  color: #F68A22 !important;
}

page-leave-setup-warning ion-content .scroll-content {
  padding: 0px 16px 16px 16px;
}

page-leave-setup-warning ion-content .top-panel .panel {
  padding: 15px;
}

page-leave-setup-warning ion-content .top-panel .panel ion-icon {
  font-size: 21px;
  width: 20px;
  color: #F68A22;
  margin-right: 8px;
}

page-leave-setup-warning ion-content .top-panel .panel ion-label {
  color: rgba(112, 112, 112, 0.68);
  margin: 0px;
  font-size: 14px;
}

page-leave-setup-warning ion-content .top-panel .panel-error {
  background: #ffdede;
  border-radius: 4px;
}

page-leave-setup-warning ion-content .top-panel .panel-error ion-icon {
  color: #ab1500;
}

page-leave-setup-warning ion-content .wrap-list {
  padding: 0px 15px;
}

page-leave-setup-warning ion-content .wrap-list .error-box {
  border-bottom: 1px solid #dfdfdf;
  padding: 20px 0px;
}

page-leave-setup-warning ion-content .wrap-list .error-box .name-type-box ion-label {
  margin: 0;
}

page-leave-setup-warning ion-content .wrap-list .error-box .name-type-box .label-name {
  font-size: 16px !important;
  color: #707070 !important;
  margin-right: 8px;
}

page-leave-setup-warning ion-content .wrap-list .error-box .name-type-box .label-type {
  font-size: 14px !important;
  color: #F68A22 !important;
  border-radius: 5px;
  padding: 2px 5px;
  border: 1px solid #dfdfdf;
}

page-leave-setup-warning ion-content .wrap-list .error-box .date-box {
  margin-bottom: 8px;
}

page-leave-setup-warning ion-content .wrap-list .error-box .date-box .label-date {
  font-size: 14px !important;
  color: rgba(112, 112, 112, 0.68) !important;
  margin: 0;
}

page-leave-setup-warning ion-content .wrap-list .error-box .message-box {
  background: rgba(255, 0, 0, 0.05);
  border-left: 4px solid #ab1500;
  border-radius: 0px 4px 4px 0px;
  padding: 5px 10px;
}

page-leave-setup-warning ion-content .wrap-list .error-box .message-box .label-message {
  font-size: 14px !important;
  color: #707070 !important;
  margin: 0;
}

page-leave2 .leave-container {
  padding-top: 0.5em !important;
}

page-leave2 .leave-container .list-datepicker {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}

page-leave2 ion-segment {
  width: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 10px;
}

page-leave2 ion-segment-button {
  text-transform: uppercase !important;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 16px !important;
  margin: 0 !important;
  font-size: 1.4rem;
  height: 33px !important;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-leave2 ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-leave2 ion-segment-button.segment-button.segment-activated .border-active-segment {
  background: #F68A22 !important;
  height: 2px;
  width: calc(100% - 32px);
  z-index: 5;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
}

page-leave2 .footer-claim {
  position: fixed;
  bottom: 0;
}

page-leave2 .claimdetail [disabled] {
  opacity: 1;
}

page-leave2 .claimdetail .cus-label {
  letter-spacing: 0.1rem;
  color: #333;
}

page-leave2 .cus-disabled {
  opacity: 1;
}

page-leave2 .icon-back {
  width: 30%;
  margin-left: -1em;
}

page-leave2 .icon-search {
  width: 40%;
  margin-right: -1em;
}

page-leave2 .img-receipt {
  border-radius: 100%;
  width: 50px !important;
  height: 50px !important;
  margin-top: 1em;
}

page-leave2 .text-ket {
  text-align: right;
}

page-leave2 .container p {
  color: #909090 !important;
}

page-leave2 .container p span {
  font-size: 1.4rem !important;
}

page-leave2 .red {
  -webkit-text-fill-color: #F0624D;
}

page-leave2 .btn-sub {
  margin: auto;
  width: 18em;
  height: 3em;
  border-top-left-radius: 1.5em;
  border-top-right-radius: 1.5em;
  border-bottom-left-radius: 1.5em;
  border-bottom-right-radius: 1.5em;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-leave2 .btn-sub1 {
  margin: auto;
  text-transform: capitalize !important;
  color: white;
  background-color: #F68A22;
  text-align: center;
}

page-leave2 .thin-btn-text {
  font-weight: 100;
  font-size: 1.5em;
  line-height: 2em;
}

page-leave2 .light-grey {
  color: #7f7f7f !important;
}

page-leave2 .selected {
  background-color: #e3f5ff;
}

page-leave2 .icon-check {
  color: white;
  font-size: 20pt;
  position: absolute;
  left: 0;
  margin-left: 1.8em;
  margin-top: 0.35em;
}

page-leave2 .grayscale {
  -webkit-filter: contrast(50%);
  filter: contrast(50%);
}

page-leave2 .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-leave2 .title-col h2 {
  display: inline-block;
}

page-leave2 .item-history {
  padding-right: 20px !important;
  padding-left: 20px !important;
}

page-leave2 .progress-bar {
  border: 2px solid #F68A22;
  border-radius: 14px;
  overflow: hidden;
}

page-leave2 .progress-bar > div {
  color: white;
  background: #F68A22;
  overflow: hidden;
  white-space: nowrap;
  padding: 5px 10px;
  border-radius: 10px;
  -webkit-animation: progress-bar 2s;
  animation: progress-bar 2s;
}

@keyframes progress-bar {
  0% {
    width: 0;
  }
}

page-leave2 .leave-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-leave2 .align-left {
  float: left !important;
}

page-leave2 .align-right {
  color: #F68A22 !important;
  text-align: right;
}

page-leave2 .col-right {
  text-align: right;
}

page-leave2 .align-center {
  float: center !important;
}

page-leave2 span {
  font-size: 12px !important;
}

page-leave2 .type-leave-text {
  font-size: 17px !important;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  color: #F68A22;
}

page-leave2 [padding] h2:first-child {
  margin-top: 0rem !important;
}

page-leave2 .skeleton-box .left,
page-leave2 .skeleton-box .right {
  width: 100%;
}

page-leave2 .skeleton-box .ss-skeleton {
  width: 20px;
  height: 20px;
  border-radius: 5px;
}

page-leave2 .skeleton-box .s-skeleton {
  width: 30%;
  height: 20px;
  border-radius: 5px;
}

page-leave2 .skeleton-box .m-skeleton {
  width: 60%;
  height: 20px;
  border-radius: 5px;
}

page-leave2 .skeleton-box .f-skeleton {
  width: 100%;
  height: 18px;
  border-radius: 5px;
}

page-leave2 .fixed-datepicker {
  background-color: blue;
}

page-leave2 .fixed-datepicker .gdx-container {
  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;
  overflow: hidden;
}

page-leave2 .fixed-datepicker .gdx-container .list-datepicker .gdx-container {
  display: block;
  height: 100%;
  overflow: hidden;
}

page-leave2 .fixed-datepicker .gdx-container .leave-container {
  height: 100%;
}

page-leave2form h2 {
  color: #F68A22;
}

page-leave2form .upd-stat {
  color: #F68A22;
}

page-leave2form .del-stat {
  color: #F0624D;
}

page-leave2form .col-right {
  text-align: right;
}

page-leave2form .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave2form .chip-md {
  width: 40% !important;
}

page-leave2form ion-select.ion-select-wrap ion-option {
  white-space: normal;
}

page-leave2form .validity-box {
  padding: 8px 16px;
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  margin-top: 8px;
}

page-leave2form .validity-box .validity-section .validity-title {
  font-size: 12px !important;
  font-weight: bold;
  color: #222 !important;
  margin-bottom: 8px;
}

page-leave2form .validity-box .validity-section .validity-value {
  font-size: 12px !important;
  color: #F68A22 !important;
}

page-leave2form .warning-box {
  padding: 16px;
  background-color: rgba(165, 176, 183, 0.1);
  margin: 8px 0;
  border-radius: 16px;
}

page-leave2form .warning-box svg-icon circle, page-leave2form .warning-box svg-icon path {
  stroke: #A5B0B7;
}

page-leave2form .warning-box .detail p {
  font-size: 12px !important;
  color: #A5B0B7;
  margin-bottom: 8px !important;
}

page-leave2form .warning-box .detail ion-label {
  color: #A5B0B7 !important;
  font-size: 12px !important;
  font-weight: bold;
}

page-leave2form .date-box .time-box .time-section {
  border: 1px solid #dbdbe1;
  border-radius: 10px;
  padding: 6px 16px;
  position: relative;
}

page-leave2form .date-box .time-box ion-datetime {
  position: relative;
  padding: 0;
}

page-leave2form .date-box .time-box ion-select {
  max-width: unset;
  padding: 5px 8px 5px 16px !important;
  width: 100%;
  float: unset !important;
}

page-leave2form .date-box .time-box svg-icon circle, page-leave2form .date-box .time-box svg-icon path {
  stroke: #A5B0B7;
}

page-leave2form .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave2form .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave2form .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
  border-radius: 10px;
  margin-top: 10px;
}

page-leave2form .box-grey .content-section {
  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: 5px;
}

page-leave2form .box-grey .content-section:last-child {
  margin-bottom: 0;
}

page-leave2form .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-leave2form .align-left {
  float: left;
}

page-leave2form .align-right {
  float: right;
}

page-leave2form p {
  margin-bottom: -10px !important;
}

page-leave2form .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-leave2form .item-row-time .item-inner {
  border: none !important;
}

page-leave2form .periodused {
  color: #F68A22 !important;
}

page-leave2form .periodnotused {
  color: #F68A22 !important;
}

page-leave2form ion-chip {
  height: 190px !important;
}

page-leave2form ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 600px) {
  page-leave2form .chip-md {
    width: 100% !important;
  }
  page-leave2form .chip-ios {
    width: 100% !important;
  }
  page-leave2form ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

@media screen and (min-width: 768px) {
  page-leave2form ion-chip {
    width: 232px;
    max-width: 232px;
  }
}

@media screen and (min-width: 601px) and (max-width: 768px) {
  page-leave2form .chip-md {
    width: 50% !important;
  }
  page-leave2form .chip-ios {
    width: 100% !important;
  }
}

page-leave2form .img-preview {
  position: relative;
  display: inline-block;
}

page-leave2form .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-leave2form .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-leave2form ion-item.toggle {
  margin-top: 10px;
}

page-leave2form ion-item.toggle .item-inner {
  padding-right: 0 !important;
  border: none !important;
}

page-leave2formedit h2 {
  color: #F68A22;
}

page-leave2formedit .upd-stat {
  color: #F68A22;
}

page-leave2formedit .del-stat {
  color: #F0624D;
}

page-leave2formedit .col-right {
  text-align: right;
}

page-leave2formedit .input-search-icon:after {
  content: "\e949";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave2formedit .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave2formedit .input-chart-icon:after {
  content: "\e912";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-leave2formedit .box-grey {
  border: 1px solid #dedede !important;
  width: 100%;
  height: 20%;
  padding: 10px !important;
}

page-leave2formedit .box-grey ion-item .item-inner {
  padding-right: 0px !important;
}

page-leave2formedit .align-left {
  float: left;
}

page-leave2formedit .align-right {
  float: right;
}

page-leave2formedit p {
  margin-bottom: -10px !important;
}

page-leave2formedit .col-time {
  border-bottom: 1px solid #dedede !important;
  margin: 5px !important;
}

page-leave2formedit .item-row-time .item-inner {
  border: none !important;
}

page-leave2formedit .periodused {
  color: #189dae !important;
}

page-leave2formedit ion-chip {
  height: 190px !important;
}

page-leave2formedit ion-card img {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 768px) {
  page-leave2formedit .chip-md {
    width: 100% !important;
  }
  page-leave2formedit .chip-ios {
    width: 100% !important;
  }
  page-leave2formedit ion-chip {
    max-width: 202px;
    height: 160px !important;
  }
}

page-leave2formedit .img-preview {
  position: relative;
  display: inline-block;
}

page-leave2formedit .img-preview img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  border: 1px solid #dbdbe1 !important;
}

page-leave2formedit .img-preview button {
  position: absolute;
  top: -18px;
  right: -20px;
}

page-leave2history h2 {
  color: #F68A22 !important;
}

page-leave2history .upd-stat {
  color: #F68A22 !important;
}

page-leave2history .del-stat {
  color: #F0624D !important;
}

page-leave2history .col-right {
  text-align: right;
}

page-leave2history .data-list-request {
  margin-left: 20px !important;
  margin-right: 20px !important;
}

page-leave2history .data-list-request ion-item .item-inner {
  border: none !important;
}

page-leave2history .title-form {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
}

page-leave2history .leave-status {
  color: #bdc3c7 !important;
}

page-leave2history .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-leave2history .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-leave2history .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-leave2history .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-leave2history .list-ios > .item-block:last-child {
  border: none;
}

page-leave2history .list-cancell-req {
  padding: 0px 16px 0px 16px;
  margin: 0px;
}

page-leave2history .list-cancell-req p {
  margin: 5px 0px 3px 0px;
}

page-leave2history .title-form-cancel {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
  -webkit-text-fill-color: red;
}

page-leave2history .title-col {
  color: #F68A22 !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-leave2history .title-col h2 {
  display: inline-block;
}

page-leave2history .div-multi-request ion-col {
  padding: 0px !important;
}

page-leave2history .div-multi-request .sficon-forward {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-leave2history .div-multi-request .sficon-top {
  padding: 19px !important;
  font-size: 1.8em !important;
}

page-leave2history page-expandable .expand-wrapper {
  padding: 0px !important;
}

page-leave2history ion-scroll {
  height: 200px;
}

page-leave2history ion-scroll.scroll-y .scroll-content {
  padding-bottom: 6px;
}

page-leave2history ul {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-leave2history .container .list-box .list-section {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-leave2history .container .list-box .list-section ion-label {
  font-size: 1.2rem !important;
}

page-leave2history .container .list-box .list-section ion-input input {
  margin: 0;
  padding: 0 0 8px 0;
}

page-leave2history .container .list-box .list-section ion-select {
  width: 100%;
  position: relative;
  padding-left: 0 !important;
}

page-leave2history .container .list-box .list-section ion-select button {
  padding-left: 0;
}

page-leave2history .container .factory-box .factory-section {
  border: 0px solid #dbdbe1;
  border-radius: 4px;
  padding: 8px 8px 8px 8px;
}

page-leave2history .container .factory-box .factory-section .title-box {
  border-bottom: 1px solid #dbdbe1;
  background: #eee;
}

page-leave2history .container .factory-box .factory-section .title-box ion-row {
  width: 100%;
}

page-leave2history .container .factory-box .factory-section .title-box ion-label {
  text-align: center;
  border-right: 1px solid #dbdbe1;
  font-size: 12px !important;
}

page-leave2history .container .factory-box .factory-section .content-container button {
  width: 140px;
}

page-leave2history .container .factory-box .factory-section .content-container button ion-icon {
  margin-right: 4px;
}

page-leave2history .container .factory-box .factory-section .content-container .content-box {
  border-bottom: 1px solid #dbdbe1;
  border-right: 1px solid #dbdbe1;
  border-left: 1px solid #dbdbe1;
}

page-leave2history .container .factory-box .factory-section .content-container .content-box ion-row {
  width: 100% !important;
  max-width: unset !important;
}

page-leave2history .container .factory-box .factory-section .content-container .content-box ion-label {
  text-align: center;
  font-size: 12px !important;
}

page-leave2history .container .factory-box .factory-section .content-container .content-box ion-input input {
  text-align: center;
  margin: 0;
  padding: 5px 0;
  border: 1px solid #dbdbe1;
}

page-leave2history .warning-box {
  padding: 16px;
  background-color: rgba(165, 176, 183, 0.1);
  margin: 8px 0;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-radius: 16px;
}

page-leave2history .warning-box svg-icon circle, page-leave2history .warning-box svg-icon path {
  stroke: #A5B0B7;
}

page-leave2history .warning-box .detail {
  min-width: 110px;
  margin-bottom: 10px;
}

page-leave2history .warning-box .detail p {
  font-size: 12px !important;
  color: #A5B0B7;
  width: 100%;
}

page-leave2history .warning-box .detail ion-label {
  color: #A5B0B7 !important;
  font-size: 12px !important;
  font-weight: bold;
}

page-leave2history .event-box {
  border-top: 1px solid #dbdbe1;
  overflow: auto;
  min-height: 120px;
  padding: 10px;
}

page-leave2history .event-box .group-title-event {
  margin: 0;
  font-weight: bold;
  color: #222;
  margin-bottom: 6px;
}

page-leave2history .event-box .detail-event-box {
  margin: 10px 0;
}

page-leave2history .event-box .detail-event-box .detail-event-section {
  padding: 10px 8px 10px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-leave2history .event-box .detail-event-box .detail-event-section .img-box {
  margin-right: 8px;
  width: 40px;
  height: 40px;
  border-radius: 200px;
  overflow: hidden;
}

page-leave2history .event-box .detail-event-box .detail-event-section .img-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

page-leave2history .event-box .detail-event-box .detail-event-section .detail-label-box .detail-title {
  margin: 0;
  color: #A5B0B7 !important;
  font-size: 12px !important;
}

page-leave2history .event-box .detail-event-box .detail-event-section .detail-label-box .detail-subtitle {
  font-size: 12px !important;
  margin: 0;
  color: #222 !important;
  font-weight: bold;
}

page-chat-contact ion-content .list-box .label-box page-onboarding-setting ion-label, page-chat-contact ion-content .list-box .list-section .detail page-onboarding-setting ion-label, page-login-session ion-content .list-box .label-box page-onboarding-setting ion-label, page-login-session ion-content .list-box .list-section .detail page-onboarding-setting ion-label, page-onboarding-setting ion-content .list-box .label-box ion-label, page-onboarding-setting ion-content .list-box .list-section .detail ion-label {
  font-size: 1.5rem !important;
  font-family: 'regular' !important;
  color: #A5B0B7 !important;
}

page-onboarding-setting ion-header ion-input {
  font-size: 1.7rem;
  font-family: 'regular';
  color: black;
}

page-onboarding-setting ion-header input::-webkit-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-onboarding-setting ion-header input::-moz-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-onboarding-setting ion-header input::-ms-input-placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-onboarding-setting ion-header input::placeholder {
  color: #ffffff;
  font-size: 1.7rem;
  font-family: 'regular';
}

page-onboarding-setting ion-header ion-icon {
  font-size: 1.8em;
}

page-onboarding-setting ion-content .list-box .label-box {
  border-bottom: 1px solid #E2E9ED;
}

page-onboarding-setting ion-content .list-box .btn-box {
  border-bottom: 1px solid #E2E9ED;
}

page-onboarding-setting ion-content .list-box .btn-box .circle-plus {
  margin-right: 11px;
  background: #F68A22;
  width: 43px;
  height: 43px;
  border-radius: 200px;
  color: #ffffff;
}

page-onboarding-setting ion-content .list-box .btn-box .btn-add-group {
  font-size: 1.8rem !important;
  color: #F68A22 !important;
  font-family: 'roboto' !important;
}

page-onboarding-setting ion-content .list-box .list-section {
  border-bottom: 1px solid #E2E9ED;
  padding: 5px 0px;
}

page-onboarding-setting ion-content .list-box .list-section .detail {
  overflow: hidden;
}

page-onboarding-setting ion-content .list-box .list-section .detail h2 {
  font-size: 1.5rem;
  font-family: 'roboto';
  color: #58595B;
  margin: 0 0 1px 0;
  text-transform: capitalize;
}

page-onboarding-setting ion-content .list-box ion-checkbox {
  padding-right: 10px;
}

page-onboarding-setting ion-content .list-box ion-checkbox .checkbox-icon {
  background: white;
  border: 2px solid #a5b0b7;
}

page-onboarding-setting ion-content .list-box ion-checkbox .checkbox-checked {
  background-color: #F68A22;
  border: none;
}

page-onboarding-setting ion-content .list-box ion-checkbox .checkbox-checked .checkbox-inner {
  left: 7px;
  top: 2.5px;
  width: 7px;
  height: 14px;
}

page-onboarding-setting ion-content .employee-info ion-label {
  font-size: 12px !important;
  padding-left: 10px !important;
}

page-onboarding-setting .edit-btn {
  text-transform: capitalize;
  border-radius: 5px;
  -webkit-transition: background-color .5s ease;
  transition: background-color .5s ease;
}

page-onboarding-setting .edit-btn:hover {
  background-color: #F68A22 !important;
  color: white !important;
}

page-onboarding-setting .icon-padding {
  padding-right: 8px;
}

page-onboarding-setting .label-padding {
  padding-left: 8px;
}

page-onboarding-setting ion-spinner {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
}

page-onboarding-setting ion-checkbox {
  padding-right: 10px;
}

page-onboarding-setting ion-checkbox .checkbox-icon {
  background: white;
  border: 2px solid #a5b0b7;
}

page-onboarding-setting ion-checkbox .checkbox-checked {
  background-color: #F68A22;
  border: none;
}

page-onboarding-setting ion-checkbox .checkbox-checked .checkbox-inner {
  left: 7px;
  top: 2.5px;
  width: 7px;
  height: 14px;
}

page-loading-screen .loading-screen {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-loading-screen .loading-screen h3 {
  font-size: 18px;
}

page-loading-screen .loading-screen p {
  margin: 0px;
  color: #A5B0B7;
}

page-comp-set-how-big ion-content .fixed-content {
  top: unset;
  bottom: 135px;
}

page-comp-set-how-big ion-content .fixed-content .helper {
  width: 100%;
}

page-comp-set-how-big h5 {
  font-weight: 700;
  margin: 0px 0px 15px 0px;
}

page-comp-set-how-big .box {
  border-radius: 10px;
  padding: 12px;
  border: 1px solid #dbdbe1;
  max-width: 225px;
  margin-bottom: 15px;
}

page-comp-set-how-big .box ion-icon {
  font-size: 20px;
}

page-comp-set-how-big .box ion-label {
  text-transform: capitalize;
  margin: 10px 0 10px 0 !important;
  font-weight: 700;
}

page-comp-set-welcome .gdx-container.mini-container {
  padding-bottom: 0 !important;
}

page-comp-set-welcome h2 {
  font-size: 22px;
  font-weight: 700;
}

page-comp-set-welcome p {
  color: #A5B0B7;
}

page-comp-set-welcome h2, page-comp-set-welcome p {
  text-align: center;
}

page-comp-set-welcome button {
  margin-left: 0px !important;
}

@media screen and (min-width: 1024px) {
  page-comp-set-welcome button[gdx-button] {
    max-width: 40%;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

page-comp-set-what-feat .container h2 {
  margin-bottom: 24px;
  font-size: 20px;
}

page-comp-set-what-feat .container .feature-box {
  border: 1px solid #dbdbe1;
  margin-bottom: 10px;
  border-radius: 12px;
  padding: 10px;
  min-height: 60px;
  -webkit-transition: 200ms ease;
  transition: 200ms ease;
}

page-comp-set-what-feat .container .feature-box .feature-section ion-label {
  font-weight: bold;
  color: #222;
  margin-bottom: 4px;
}

page-comp-set-what-feat .container .feature-box .feature-section p {
  font-size: 12px !important;
}

page-comp-set-what-feat .container .selected-feature {
  -webkit-transition: 200ms ease;
  transition: 200ms ease;
  border-color: #F68A22 !important;
}

page-comp-set-what-feat .container ion-checkbox {
  pointer-events: none;
}

page-setup-att-list .container .legend-box .red-dot, page-setup-att-list .container .setup-box .setup-section .title-box .red-dot, page-setup-emp-list .container .legend-box page-setup-att-list .red-dot, page-setup-emp-list .container .setup-box .setup-section .title-box page-setup-att-list .red-dot {
  width: 8px;
  height: 8px;
  border-radius: 200px;
  background-color: #F0624D;
}

page-setup-att-list .fixed-content {
  top: unset;
  bottom: 89px;
}

page-setup-att-list .fixed-content .helper {
  width: 100%;
}

page-setup-att-list .container .legend-box {
  margin-bottom: 16px;
}

page-setup-att-list .container .legend-box .red-dot {
  margin-right: 4px;
}

page-setup-att-list .container .legend-box p {
  font-size: 12px !important;
  color: #A5B0B7;
}

page-setup-att-list .container .title-edit {
  font-size: 20px !important;
  font-weight: bold;
  color: #222;
  margin-bottom: 16px;
}

page-setup-att-list .container .setup-box .setup-section {
  padding: 8px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-setup-att-list .container .setup-box .setup-section .title-box {
  margin-bottom: 4px;
}

page-setup-att-list .container .setup-box .setup-section .title-box .title {
  font-size: 16px !important;
  font-weight: bold;
  color: #222;
}

page-setup-att-list .container .setup-box .setup-section .desc {
  font-size: 12px !important;
  color: #A5B0B7;
}

page-setup-att-list .container .setup-box .setup-section-edit {
  border: 1px solid #dbdbe1;
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 10px;
}

page-setup-att-list .container .setup-box .setup-section-edit .title-box .title {
  font-size: 14px !important;
}

page-setup-att-list .container .setup-box .setup-section-edit.checked {
  border: 1px solid #F68A22;
}

page-setup-att-list .hint-box {
  margin-bottom: 16px;
  position: fixed;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: calc(100% - 32px);
  padding: 10px 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 10px 2px rgba(136, 136, 136, 0.4);
  box-shadow: 0 4px 10px 2px rgba(136, 136, 136, 0.4);
}

page-setup-att-list .hint-box .question {
  color: #222;
  font-weight: bold;
  margin-bottom: 4px;
}

page-setup-att-list .hint-box .link-box p {
  font-size: 12px !important;
  color: #F68A22;
}

page-setup-att-list .container .legend-box .red-dot, page-setup-att-list .container .setup-box .setup-section .title-box .red-dot, page-setup-emp-list .container .legend-box page-setup-att-list .red-dot, page-setup-emp-list .container .setup-box .setup-section .title-box page-setup-att-list .red-dot {
  width: 8px;
  height: 8px;
  border-radius: 200px;
  background-color: #F0624D;
}

page-setup-att-list .fixed-content {
  top: unset;
  bottom: 89px;
}

page-setup-att-list .fixed-content .helper {
  width: 100%;
}

page-setup-att-list .container .legend-box {
  margin-bottom: 16px;
}

page-setup-att-list .container .legend-box .red-dot {
  margin-right: 4px;
}

page-setup-att-list .container .legend-box p {
  font-size: 12px !important;
  color: #A5B0B7;
}

page-setup-att-list .container .title-edit {
  font-size: 20px !important;
  font-weight: bold;
  color: #222;
  margin-bottom: 16px;
}

page-setup-att-list .container .setup-box .setup-section {
  padding: 8px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-setup-att-list .container .setup-box .setup-section .title-box {
  margin-bottom: 4px;
}

page-setup-att-list .container .setup-box .setup-section .title-box .title {
  font-size: 16px !important;
  font-weight: bold;
  color: #222;
}

page-setup-att-list .container .setup-box .setup-section .desc {
  font-size: 12px !important;
  color: #A5B0B7;
}

page-setup-att-list .container .setup-box .setup-section-edit {
  border: 1px solid #dbdbe1;
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 10px;
}

page-setup-att-list .container .setup-box .setup-section-edit .title-box .title {
  font-size: 14px !important;
}

page-setup-att-list .container .setup-box .setup-section-edit.checked {
  border: 1px solid #F68A22;
}

page-setup-att-list .hint-box {
  margin-bottom: 16px;
  position: fixed;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: calc(100% - 32px);
  padding: 10px 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 10px 2px rgba(136, 136, 136, 0.4);
  box-shadow: 0 4px 10px 2px rgba(136, 136, 136, 0.4);
}

page-setup-att-list .hint-box .question {
  color: #222;
  font-weight: bold;
  margin-bottom: 4px;
}

page-setup-att-list .hint-box .link-box p {
  font-size: 12px !important;
  color: #F68A22;
}

page-setup-company .container {
  margin-bottom: 35px;
}

page-setup-company .fixed-content {
  top: unset;
  bottom: 89px;
}

page-setup-company .fixed-content .helper {
  width: 100%;
}

page-setup-company .top-complete {
  margin-bottom: 5px;
}

page-setup-company .top-complete ion-label {
  font-weight: 700;
  margin: 0px 0px 7px 0px;
  font-size: 16px;
}

page-setup-company .section {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-setup-company .box {
  border-radius: 10px;
  padding: 7px;
  border: 1px solid #dbdbe1;
  margin-bottom: 15px;
  width: 47.5%;
  margin: 3px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

page-setup-company .box ion-icon {
  font-size: 20px;
}

page-setup-company .box ion-label.title {
  text-transform: capitalize;
  margin: 10px 0 10px 0 !important;
  font-weight: 700;
}

@media screen and (min-width: 768px) {
  page-setup-company .section {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
  }
  page-setup-company .box {
    max-width: 150px;
    width: auto !important;
  }
}

page-setup-company .progress-container {
  background: #dbdbe1;
  width: 100%;
  height: 16px;
  position: relative;
  border-radius: 100px;
  overflow: hidden;
  text-align: center;
  margin: 6px 0 0 0;
}

page-setup-company .progress-container .progress-bar {
  height: 16px;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 0;
  background: #F0624D;
}

page-setup-company .progress-container ion-label {
  font-size: 12px !important;
  z-index: 1;
  color: #333333;
  font-weight: 600;
}

page-setup-company .progress-container ion-label.complete {
  color: #fff !important;
}

page-setup-company .progress-container .progress-bar.complete {
  background: #63BEFB !important;
}

page-setup-company-loading .container {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  padding: 15px;
  text-align: center;
}

page-setup-company-loading .container h5 {
  font-size: 20px;
  font-weight: 700;
}

page-setup-company-loading .container p {
  color: #A5B0B7;
}

page-setup-company-loading .container gdx-loading {
  margin: 10px 0;
}

page-setup-company-loading .container .jreng {
  width: 200px;
  height: 50px;
  background: blueviolet;
}

page-setup-att-list .container .legend-box page-setup-emp-list .red-dot, page-setup-att-list .container .setup-box .setup-section .title-box page-setup-emp-list .red-dot, page-setup-emp-list .container .legend-box .red-dot, page-setup-emp-list .container .setup-box .setup-section .title-box .red-dot {
  width: 8px;
  height: 8px;
  border-radius: 200px;
  background-color: #F0624D;
}

page-setup-emp-list .fixed-content {
  top: unset;
  bottom: 89px;
}

page-setup-emp-list .fixed-content .helper {
  width: 100%;
}

page-setup-emp-list ion-checkbox {
  pointer-events: none;
}

page-setup-emp-list .container .legend-box {
  margin-bottom: 16px;
}

page-setup-emp-list .container .legend-box .red-dot {
  margin-right: 4px;
}

page-setup-emp-list .container .legend-box p {
  font-size: 12px !important;
  color: #A5B0B7;
}

page-setup-emp-list .container .title-edit {
  font-size: 20px !important;
  font-weight: bold;
  color: #222;
  margin-bottom: 16px;
}

page-setup-emp-list .container .setup-box .setup-section {
  padding: 8px 0;
  border-bottom: 1px solid #dbdbe1;
}

page-setup-emp-list .container .setup-box .setup-section .title-box {
  margin-bottom: 4px;
}

page-setup-emp-list .container .setup-box .setup-section .title-box .title {
  font-size: 16px !important;
  font-weight: bold;
  color: #222;
}

page-setup-emp-list .container .setup-box .setup-section .desc {
  font-size: 12px !important;
  color: #A5B0B7;
}

page-setup-emp-list .container .setup-box .setup-section-edit {
  border: 1px solid #dbdbe1;
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 10px;
}

page-setup-emp-list .container .setup-box .setup-section-edit .title-box .title {
  font-size: 14px !important;
}

page-setup-emp-list .container .setup-box .setup-section-edit.checked {
  border: 1px solid #F68A22;
}

page-setup-emp-list .container .setup-box .setup-section-edit.disabled {
  border: 1px solid #dbdbe1 !important;
}

page-setup-emp-list .hint-box {
  margin-bottom: 16px;
  position: fixed;
  bottom: 16px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: calc(100% - 32px);
  padding: 10px 12px;
  border-radius: 12px;
  -webkit-box-shadow: 0 4px 10px 2px rgba(136, 136, 136, 0.4);
  box-shadow: 0 4px 10px 2px rgba(136, 136, 136, 0.4);
}

page-setup-emp-list .hint-box .question {
  color: #222;
  font-weight: bold;
  margin-bottom: 4px;
}

page-setup-emp-list .hint-box .link-box p {
  font-size: 12px !important;
  color: #F68A22;
}

page-setup-emp-list .checkbox-disabled .checkbox-checked {
  background-color: #8e9093 !important;
}

page-setup-emp-list .btn-box {
  width: 100%;
}

page-page-init .scroll-content {
  overflow: hidden;
}

page-page-init .splash-loading {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-page-init .splash-init {
  position: relative;
  z-index: 99999999999;
  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;
  -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-color: white;
}

page-page-init .splash-init img.loading-section {
  height: 15vh;
  margin-top: -10px;
  margin-bottom: -28px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-page-init .splash-init p {
  margin: 0;
  font-size: 16px;
  color: #909191;
  text-align: center;
}

page-page-init .splash-image {
  position: relative;
  z-index: 99999999999;
  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;
  -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: 55vh;
  background-color: white;
}

page-page-init .splash-image img.icon-section {
  width: 185px;
  height: 125px;
  max-width: 90%;
  -o-object-fit: contain;
  object-fit: contain;
}

page-page-init .footer-splash {
  position: absolute;
  z-index: 99999999999;
  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-color: white;
  bottom: 0px;
  overflow: hidden;
}

page-page-init .footer-splash .cloud-section {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  min-width: 180%;
  min-height: 180%;
}

page-page-init .footer-splash .powered-splash {
  position: absolute;
  width: 100%;
  bottom: 10px;
  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-page-init .footer-splash .powered-splash .text-section {
  text-align: right;
  font-family: roboto;
  font-size: 10px;
  font-weight: 300;
  width: 100px;
  color: white;
  margin-left: -50px;
}

page-page-init .footer-splash .powered-splash .logo-section {
  width: 67px;
  margin-left: 3px;
}

page-page-init .footer-splash .powered-splash .logo-section img {
  -o-object-fit: contain;
  object-fit: contain;
  margin-bottom: -5px;
}

@media (min-width: 600px) and (min-height: 800px) {
  page-page-init .splash-init p {
    margin: 0;
    font-size: 20px;
  }
}

@media (min-width: 1280px) and (min-height: 720px) {
  page-page-init .splash-init img.icon-section {
    width: 10%;
    -o-object-fit: contain;
    object-fit: contain;
  }
}

@media only screen and (min-width: 500px) and (min-height: 600px) {
  page-page-init .footer-splash .cloud-section {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 110% !important;
    min-height: 110% !important;
  }
}

@media only screen and (min-width: 600px) and (min-height: 800px) {
  page-page-init .splash-first img {
    max-height: 220px;
    max-width: 220px;
    -o-object-fit: contain;
    object-fit: contain;
  }
  page-page-init .footer-splash {
    bottom: -50px;
  }
  page-page-init .footer-splash .cloud-section {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 110% !important;
    min-height: 110% !important;
  }
  page-page-init .footer-splash .powered-splash {
    bottom: 50px;
  }
  page-page-init .footer-splash .powered-splash .text-section {
    text-align: right;
    margin-left: -50px;
    margin-right: 10px;
    width: 100px;
    font-size: 18px;
  }
  page-page-init .footer-splash .powered-splash .logo-section {
    width: 100px;
  }
}

@media only screen and (min-width: 700px) and (min-height: 800px) {
  page-page-init .footer-splash {
    bottom: -150px;
  }
  page-page-init .footer-splash .cloud-section {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 110% !important;
    min-height: 110% !important;
  }
  page-page-init .footer-splash .powered-splash {
    bottom: 150px;
  }
}

@media only screen and (min-width: 700px) and (min-height: 900px) {
  page-page-init .footer-splash {
    bottom: -150px;
  }
  page-page-init .footer-splash .cloud-section {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 140% !important;
    min-height: 140% !important;
  }
  page-page-init .footer-splash .powered-splash {
    bottom: 150px;
  }
}

@media only screen and (min-height: 700px) {
  page-page-init .footer-splash .cloud-section {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    min-width: 170%;
    min-height: 170%;
  }
}

page-privacy-policy [ph] {
  padding-left: 16px;
  padding-right: 16px;
}

page-privacy-policy .header-fixed {
  margin-bottom: 16px;
}

page-privacy-policy ion-radio.radio.radio-md {
  margin: 0 12px 0 0 !important;
}

page-header-sf7 ion-header.header-global gd-avatar ion-avatar {
  margin: 0 !important;
}

page-header-sf7 .content-right {
  position: absolute !important;
  right: 0px !important;
}

page-header-sf7 .content-left {
  position: absolute !important;
  left: 0px !important;
}

page-tabs-sf7 .tabs-app {
  background: #f4f4f4;
  width: 100%;
  height: 68px;
  z-index: 99;
  position: absolute;
  bottom: 0;
  -webkit-box-shadow: 1px 1px 5px 2px rgba(138, 138, 138, 0.47);
  box-shadow: 1px 1px 5px 2px rgba(138, 138, 138, 0.47);
  background: #f8f8f8;
}

page-tabs-sf7 .tabs-app .tab-menu .inbox-menu {
  position: relative;
}

page-tabs-sf7 .tabs-app .tab-menu .inbox-menu .red-notif {
  position: absolute;
  z-index: 2;
  background: #F0624D;
  min-width: 20px;
  height: 20px;
  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;
  color: #f4f4f4;
  border-radius: 100px;
  padding: 4px;
  font-size: 12px;
  right: -16px;
  top: -3px;
}

page-tabs-sf7 .tabs-app ion-icon {
  font-size: 26px;
}

page-tabs-sf7 .tabs-app ion-label, page-tabs-sf7 .tabs-app ion-icon {
  color: #222;
  margin: 0;
}

page-tabs-sf7 .tabs-app .activeTab ion-label, page-tabs-sf7 .tabs-app .activeTab ion-icon {
  color: #F68A22 !important;
}

page-tabs-sf7 .tabs-app .activeTab svg-icon svg * {
  fill: unset;
}

page-features-sf7 .menu-search {
  background: #F68A22;
  padding: 0 8px;
}

page-features-sf7 .menu-search .searchbar-search-icon {
  right: 16px;
  left: unset;
}

page-features-sf7 .menu-search input {
  border-radius: 4px !important;
  padding-left: 6px !important;
}

page-features-sf7 .menu-list {
  padding: 16px 0px;
}

page-features-sf7 .menu-list .menu-group {
  width: 100%;
}

page-features-sf7 .menu-list .menu-group .menu-group-title {
  width: 100%;
  padding: 10px 16px;
}

page-features-sf7 .menu-list .menu-group .group-childs {
  width: 100%;
  overflow: hidden;
  -webkit-transition: all 250ms;
  transition: all 250ms;
  max-height: 0px;
}

page-features-sf7 .menu-list .menu-group .group-childs .menu-title {
  width: 100%;
  padding: 4px 0px 4px 24px;
}

page-features-sf7 .menu-list .menu-group .group-childs .childess {
  padding-left: 66px;
}

page-features-sf7 .menu-list .menu-group ion-icon {
  -webkit-transition: all 200ms;
  transition: all 200ms;
}

page-features-sf7 .menu-list .menu-group .open-menu {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

page-features-sf7 .skeleton-box {
  margin-top: 20px !important;
  margin-right: 4vw;
  margin-left: 4vw;
}

page-features-sf7 .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
  width: 100%;
  margin-top: 25px;
}

page-features-menu {
  width: 100%;
}

.menu-group-title * {
  pointer-events: none;
}

div[gd-expand="true"] .arrow {
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
}

page-profile-popover-sf7 .popover-container {
  width: 100%;
}

page-profile-popover-sf7 .popover-container .company {
  border-bottom: 1px solid #dbdbe1;
  width: 100%;
}

page-profile-popover-sf7 .popover-container .company ion-label {
  margin-bottom: 12px !important;
}

page-profile-popover-sf7 .popover-container .company ion-select {
  width: 100%;
  border: 1px solid #dbdbe1;
  border-radius: 8px;
  max-width: 100%;
  position: relative;
}

page-profile-popover-sf7 .popover-container .menu-list .menu-item {
  padding: 16px;
}

page-sso-deeplink ion-header .toolbar-background {
  background-color: white;
}

page-sso-deeplink [no-action] {
  pointer-events: none !important;
}

page-sso-deeplink .container {
  height: 100%;
  margin-top: -56px;
}

page-sso-deeplink .container img {
  width: 55vw;
  min-width: 80px;
  max-width: 200px;
  min-height: 100px;
  max-height: 140px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-sso-deeplink .container .wording {
  margin: 16px 0;
  text-align: center;
}

page-sso-deeplink .container .wording ion-label {
  font-size: 16px;
}

page-sso-deeplink .container .wording p {
  color: #A5B0B7;
}

page-sso-deeplink .container h2 {
  font-size: 16px;
  margin: 16px 16px;
  text-align: center;
  text-transform: uppercase;
  color: #A5B0B7 !important;
}

page-sso-deeplink .container h2.background {
  position: relative;
  z-index: 1;
}

page-sso-deeplink .container h2.background:before {
  border-top: 2px solid #dbdbe1;
  content: "";
  margin: 0 auto;
  /* this centers the line to the full width specified */
  position: absolute;
  /* positioning must be absolute here, and relative positioning must be applied to the parent */
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  width: 95%;
  z-index: -1;
}

page-sso-deeplink .container h2.background span {
  /* to hide the lines from behind the text, you have to set the background color the same as the container */
  background: #fff;
  padding: 0 15px;
}

page-sso-deeplink .container .cta {
  width: 100%;
}

page-sso-deeplink .container .cta a.button-cstm {
  text-decoration: none;
  width: 100%;
  height: 52px;
  color: #fff;
  background: #F68A22;
  border-radius: 8px;
  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-sso-deeplink .container .cta .secondary {
  background: #63BEFB !important;
}

page-sso-deeplink .container .cta .coppyID {
  margin-top: 16px;
}

page-sso-deeplink .container .cta .coppyID span {
  color: #63BEFB !important;
}

page-sso-deeplink .container .form {
  width: 100%;
  margin-bottom: 16px;
}

@media screen and (min-width: 768px) {
  page-sso-deeplink .container {
    width: 50%;
    margin: 0 auto;
  }
  page-sso-deeplink .container .wording ion-label {
    font-size: 22px !important;
  }
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section:after, page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section:before, page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section:after, page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section:before {
  content: '';
  position: absolute;
  top: 37px;
  width: 0;
  height: 0;
  border: solid transparent;
  pointer-events: none;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section, page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section {
  position: relative;
  border-radius: 10px;
  padding: 7px 19px;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section:after, page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section:after {
  border-width: 17px;
  margin-top: -17px;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section:before, page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section:before {
  border-width: 18px;
  margin-top: -18px;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section .date-label, page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section .date-label {
  font-size: 11px !important;
  color: #a7a9ac !important;
  font-family: 'regular' !important;
  margin: 0 !important;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section .chat-content .img-section img, page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section .chat-content .img-section img {
  width: 72px;
  height: 72px;
  margin-bottom: 7px;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section .chat-content ion-label, page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section .chat-content ion-label {
  font-size: 18px !important;
  color: #a7a9ac !important;
  font-family: 'regular' !important;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section .name-label, page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section .name-label {
  font-size: 13px !important;
  color: #a7a9ac !important;
  font-family: 'regular' !important;
  margin: 0 0 6px 0 !important;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section .chat-content p, page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section .chat-content p {
  font-size: 15px !important;
  color: #58595b !important;
  font-family: 'light' !important;
  line-height: 18px !important;
  margin: 0 0 8px 0 !important;
}

page-chat-discussion ion-content .wrapper-box {
  padding: 0 10px 19px 10px;
}

page-chat-discussion ion-content .wrapper-box .send-box {
  margin: 0px 26px 0px 0px;
}

page-chat-discussion ion-content .wrapper-box .reply-box {
  margin: 0 0px 0px 26px;
}

page-chat-discussion ion-content .wrapper-box .avatar-section img {
  border-radius: 100%;
  width: 43px;
  height: 43px;
  margin-top: 20px;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section {
  background: #fff;
  border: 1px solid #A5B0B7;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section:after, page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section:before {
  left: 100%;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section:after {
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  margin-left: -1px;
}

page-chat-discussion ion-content .wrapper-box .send-chat-box .send-section:before {
  border-color: rgba(128, 130, 133, 0);
  border-left-color: #808285;
}

page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section {
  background: #c6f6f7;
}

page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section:after, page-chat-discussion ion-content .wrapper-box .reply-chat-box .reply-section:before {
  right: 100%;
  border-color: rgba(198, 246, 247, 0);
  border-right-color: #C6F6F7;
}

page-chat-discussion ion-footer .type-box {
  border-top: 1px solid #b8bcbb;
  padding: 12px 16px 12px 0;
}

page-chat-discussion ion-footer .type-box .icon-section {
  width: 40px;
  height: 40px;
  border: 1px solid #F68A22;
  border-radius: 100%;
}

page-chat-discussion ion-footer .type-box .icon-section ion-icon {
  font-size: 1.7em;
  color: #F68A22;
}

page-chat-discussion ion-footer .type-box .add-photo {
  -webkit-filter: brightness(0.5) sepia(1) hue-rotate(10deg) saturate(1);
  filter: brightness(0.5) sepia(1) hue-rotate(10deg) saturate(1);
  width: 30px;
  height: 30px;
  margin-right: 14px;
}

page-feedback-detail h2 {
  color: #F68A22 !important;
}

page-feedback-detail .upd-stat {
  color: #F68A22 !important;
}

page-feedback-detail .del-stat {
  color: #F0624D !important;
}

page-feedback-detail .col-right {
  text-align: right;
}

page-feedback-detail .data-list-request ion-item .item-inner {
  border: none !important;
}

page-feedback-detail .title-form {
  border-bottom: 1px solid #dedede !important;
  border-top: 1px solid #dedede !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
}

page-feedback-detail .leave-status {
  color: #bdc3c7 !important;
}

page-feedback-detail .text-ellipsis {
  width: 10em;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  text-transform: capitalize !important;
}

page-feedback-detail .text-reject-note {
  white-space: normal !important;
  padding: 5px;
}

page-feedback-detail .list-waiting-approval ion-item {
  padding-left: 20px !important;
  padding-right: 20px !important;
}

page-feedback-detail .list-waiting-approval ion-item .item-inner {
  border-bottom: 1px solid #dedede !important;
}

page-feedback-detail .list-ios > .item-block:last-child {
  border: none;
}

page-feedback-detail .center-icon {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: 0.3em;
  margin: 0 auto !important;
}

page-feedback-detail .popup-button {
  color: #fff;
  text-align: center;
  margin: 0 auto;
  background-color: black !important;
  width: 100%;
  height: 4em;
  padding-left: 1em;
  padding-right: 0.5em;
}

page-feedback-detail .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 15px;
}

page-feedback-detail ion-label {
  padding: none;
}

page-feedback-detail .messages-room {
  padding: 1em 1em 0em 1em !important;
  background-color: #ffffff !important;
}

page-feedback-detail .messages-room .yours {
  margin-right: 2em;
  text-align: left;
  margin-left: -20px;
  background: #fef1ec;
  margin-bottom: 20px;
  padding: 0 10px 10px 10px;
}

page-feedback-detail .messages-room .clear {
  clear: both;
}

page-feedback-detail .messages-room .toolbar-title {
  padding: 0 !important;
}

page-feedback-detail .messages-room .profile-div {
  width: 2em;
  height: 2em;
  border-radius: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

page-feedback-detail .messages-room .profile-top {
  line-height: 2em;
}

page-feedback-detail .messages-room .bubblechat {
  padding: 3px 15px;
}

page-feedback-detail .messages-room .bubblechat p {
  word-wrap: break-word;
  word-break: break-word;
}

page-feedback-detail .messages-room .from-me div {
  position: relative;
  padding: 0 10px;
  color: #333333;
  background: #def7ff !important;
  border-radius: 0.4em;
  display: inline-block;
  right: 0;
  width: 100%;
}

page-feedback-detail .messages-room .from-me div:after {
  border-color: #def7ff transparent transparent #def7ff;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  bottom: auto;
  content: " ";
  height: 0;
  left: auto;
  position: absolute;
  right: -15px;
  top: 18px;
  width: 0;
}

page-feedback-detail .messages-room .from-them div {
  position: relative;
  padding: 0 10px;
  color: #3d3d3d;
  background: #f0f4f8 !important;
  border-radius: 0.4em;
  display: inline-block;
  left: 0;
  width: 100%;
}

page-feedback-detail .messages-room .from-them div:after {
  border-color: #F0F4F8 #F0F4F8 transparent transparent;
  -o-border-image: none;
  border-image: none;
  border-style: solid;
  border-width: 8px;
  bottom: auto;
  content: " ";
  height: 0;
  left: -15px;
  position: absolute;
  right: auto;
  top: 18px;
  width: 0;
}

page-feedback-detail .messages-room .boxchat {
  border-color: white !important;
  position: relative;
  color: #7f7f7f !important;
  background: white;
  float: right;
  width: 100%;
}

page-feedback-detail .messages-room .boxchat:before {
  content: "";
  position: absolute;
  z-index: -2;
  top: 17px;
  right: -7px;
  height: 20px;
  border-right: 20px solid white;
  border-top-left-radius: 16px 14px;
  -webkit-transform: translate(0, -2px);
}

page-feedback-detail .messages-room .boxchat:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 17px;
  right: -56px;
  width: 5em;
  height: 20px;
  background: #ffffff;
  border-top-left-radius: 10px;
  -webkit-transform: translate(-30px, -2px);
}

page-feedback-detail .messages-room .text-date {
  font-size: 0.8em !important;
  bottom: 0;
  float: right;
  opacity: 0.7;
}

.bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.bottom .box-text {
  width: 100%;
  padding: 7px 0px 2px 0px;
  background: white;
  border-radius: 25px;
  border: 1px solid #dbdbe1;
}

.bottom .send {
  margin-left: 10px;
}

.bottom .send ion-icon {
  border-radius: 200px;
  background: #F68A22;
  font-size: 28px;
  color: white;
  padding: 10px 12px;
}

.bottom .send ion-icon.disable {
  pointer-events: none;
  background: #A5B0B7 !important;
}

page-new-feedback ion-list {
  padding: 20px 30px;
}

page-new-feedback ion-segment {
  border-color: #e8e8e8 !important;
}

page-new-feedback .divider {
  position: relative !important;
}

page-new-feedback .divider:before {
  content: "";
  position: absolute;
  top: 30%;
  right: 0;
  bottom: 0;
  height: 50%;
  width: 1px;
  /* or 100px */
  border-right: 1px solid #e8e8e8;
}

page-new-feedback .profil-box {
  width: 100%;
}

page-new-feedback .profil-box .gd-myprofile {
  overflow: hidden;
}

page-new-feedback .profil-box .gd-myprofile ion-label {
  text-align: start;
}

page-new-feedback .profil-box .gd-myprofile .name {
  color: #222 !important;
  font-weight: 600;
  margin-bottom: 3px;
}

page-new-feedback .profil-box .gd-myprofile .position {
  color: #A5B0B7 !important;
}

page-new-feedback .profil-box .rating-box ion-label {
  font-size: 42px !important;
  color: black !important;
  font-family: "thin" !important;
  font-weight: 100;
}

page-new-feedback .score-box {
  margin-top: 10px;
  padding: 15px 0;
  border-bottom: 1px solid #e8e8e8;
}

page-new-feedback .score-box .img-section img {
  width: 100px;
  height: 100px;
}

page-new-feedback .score-box .detail-section .caption-section {
  margin-bottom: 13px;
  font-size: 21px !important;
  color: #F68A22 !important;
  font-family: "regular" !important;
}

page-new-feedback .score-box .detail-section .star-section {
  margin-bottom: 11px;
}

page-new-feedback .score-box .detail-section .star-section div {
  margin-right: 16px;
}

page-new-feedback .score-box .detail-section .point-section {
  font-size: 14px !important;
  color: #58595b !important;
  font-family: "light" !important;
}

page-new-feedback .text-ket {
  color: #000000;
  font-family: thin;
}

page-new-feedback .text-ket p {
  font-size: 50px !important;
  text-align: right !important;
}

page-new-feedback .feedback-box {
  margin-top: 17px;
  margin-bottom: 50px;
  border-bottom: 1px solid #e8e8e8;
}

page-new-feedback .feedback-box .feedback-label {
  color: #a5b0b7 !important;
  font-size: 12px !important;
  font-family: "regular" !important;
}

page-new-feedback .feedback-box ion-textarea {
  font-size: 13px !important;
  color: #58595b !important;
  font-family: "light" !important;
}

page-new-feedback h2 {
  text-transform: capitalize;
}

page-new-feedback .sent {
  fill: blue;
}

page-new-feedback ion-avatar {
  margin: 0px 15px 0px 0px !important;
  width: 67px !important;
  height: 67px !important;
}

page-new-feedback ion-avatar img {
  width: 100% !important;
  height: 100% !important;
}

page-new-feedback ion-label {
  color: #a5b0b7 !important;
}

page-new-feedback .full-btn ul li {
  min-width: 100%;
}

page-new-feedback .item-md.item-block .item-inner {
  padding: 0 !important;
}

page-new-feedback .item-md [item-right] {
  margin-right: 0 !important;
}

page-new-feedback .footer-md::before {
  position: relative !important;
}

page-new-feedback .footer-ios .toolbar-ios:first-child .toolbar-background-ios {
  border: none !important;
}

page-new-feedback .item-md [item-end] {
  margin-right: 0 !important;
}

page-new-feedback .item-ios [item-end] {
  margin: 0 !important;
}

page-new-feedback .item-ios [item-start] {
  margin: 0 !important;
}

page-new-feedback .item-ios.item-block .item-inner {
  padding-right: 0 !important;
}

page-new-feedback .item-ios [item-right],
page-new-feedback .item-ios [item-end] {
  margin-right: 0 !important;
}

page-new-feedback .item-ios[detail-push] .item-inner,
page-new-feedback button.item-ios:not([detail-none]) .item-inner,
page-new-feedback a.item-ios:not([detail-none]) .item-inner {
  background-image: none !important;
}

page-new-feedback .label-ios {
  margin-right: 0 !important;
}

page-new-feedback .label-md {
  margin-right: 0 !important;
}

page-new-feedback-sf6 .input-employeeperson-icon:after {
  content: "\e922";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-new-feedback-sf6 .input-cal-icon:after {
  content: "\e909";
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-new-feedback-sf6 ion-footer {
  padding: 16px !important;
}

page-new-feedback-sf6 .full-btn ul li {
  min-width: 100%;
}

page-new-feedback-sf6 .footer-md::before {
  position: relative !important;
}

page-new-feedback-sf6 .item-inner {
  min-height: 1px !important;
}

page-new-feedback-sf6 .label-md {
  margin-bottom: 1px !important;
  margin-top: 1px !important;
}

page-new-feedback-sf6 ion-item-divider {
  margin-top: 0px;
  min-height: 1px !important;
}

page-new-task ::-webkit-input-placeholder {
  color: #ced5db !important;
}

page-new-task ::-moz-placeholder {
  color: #ced5db !important;
}

page-new-task ::-ms-input-placeholder {
  color: #ced5db !important;
}

page-new-task ::placeholder {
  color: #ced5db !important;
}

page-new-task .overlay-close {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}

page-new-task .new-modal {
  width: 100%;
  margin: 0;
}

page-new-task .isModal .gdx-container {
  margin: 0 !important;
  -webkit-box-shadow: unset !important;
  box-shadow: unset !important;
}

page-new-task .isModal .scroll-content {
  background-color: white;
}

page-new-task ion-label {
  color: #F68A22 !important;
  font-size: 1.5rem !important;
}

page-new-task .assignee-button {
  height: unset;
  width: 100%;
  text-transform: unset;
}

page-new-task .assignee-button .div-inner {
  width: 100%;
}

page-new-task .assignee-button ion-avatar {
  width: 42px;
  height: 42px;
  margin: 0 9px 0px 0px !important;
}

page-new-task .assignee-button .assignee-name {
  color: #F68A22 !important;
  font-size: 14px !important;
}

page-new-task .assignee-button .position-label {
  color: #192528 !important;
  margin: 0px !important;
  font-size: 13px !important;
}

page-new-task .input-employeeperson-icon:after {
  content: '\e922';
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
}

page-new-task .input-cal-icon:after {
  content: '\e909';
  font-family: sficon;
  font-size: 28px;
  text-decoration: inherit;
  position: absolute;
  right: 0;
  color: #192528 !important;
}

page-new-task .datetime-text {
  color: #192528 !important;
}

page-new-task ion-range {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

page-new-task ion-range .range-tick {
  display: none;
}

page-new-task ion-range .range-bar {
  border-radius: 200px !important;
}

page-new-task ion-range .range-bar-active {
  overflow: hidden;
}

page-new-task ion-range .range-bar-active .priority-gradient {
  height: 100%;
  width: 84vw;
  background-image: -webkit-gradient(linear, left top, right top, from(#fff33b), to(#e93e3a)) !important;
  background-image: linear-gradient(to right, #fff33b, #e93e3a) !important;
}

page-new-task ion-range {
  margin-top: -20px !important;
  padding: 0 !important;
}

page-new-task ion-range.range-md .range-bar {
  height: 4px !important;
  top: 20px !important;
}

page-new-task ion-range.range-ios .range-bar {
  height: 8px !important;
  top: 18px !important;
}

page-new-task .priority-box {
  margin-bottom: 22px;
}

page-new-task .attachment-box ion-label {
  margin: 0 0 7px 0 !important;
}

page-new-task .attachment-box .img-box {
  width: 100%;
}

page-new-task .attachment-box .img-box .img-section {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

page-new-task .attachment-box .img-box .img-section img {
  width: 74px;
  height: 74px;
  -o-object-fit: cover;
  object-fit: cover;
}

page-new-task .attachment-box .img-box .img-section img:not(:last-child) {
  margin-right: 11px;
}

page-new-task .attachment-box .img-box .add-section.img-exist {
  margin-left: 11px;
}

page-new-task .attachment-box .img-box .add-section button {
  background: #CED5DB !important;
  width: 74px !important;
  height: 74px !important;
  border-radius: unset;
}

page-new-task .attachment-box .img-box .add-section button ion-icon {
  font-size: 3em;
}

page-new-task .footer-md::before {
  position: relative !important;
}

page-new-task layer-content {
  height: 100%;
  width: 100%;
  position: absolute;
}

page-new-task .input-form {
  border: 1px solid #dbdbe1;
  border-radius: 5px;
  margin-top: 10px;
  padding: 10px;
}

page-new-task .item-inner {
  border: none !important;
}

page-new-task .form-label {
  font-weight: bold;
}

page-new-task form:nth-child(2) ion-col {
  margin-right: 8px;
}

page-new-task checkbox-icon {
  background-color: #00CC00;
}

page-new-task .date-box {
  -webkit-flex-wrap: nowrap !important;
  -ms-flex-wrap: nowrap !important;
  flex-wrap: nowrap !important;
}

page-new-task .date-box ion-col {
  overflow: hidden;
}

page-quick-task ion-content {
  background-color: transparent !important;
}

page-quick-task ion-content .scroll-content {
  overflow-y: hidden;
  padding-bottom: 0 !important;
}

@media screen and (max-width: 768px) {
  page-quick-task .container .content-box {
    height: calc(100% - 50px) !important;
  }
}

page-quick-task .transparent-box {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 1;
}

page-quick-task .container {
  position: relative;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-quick-task .container .content-box {
  z-index: 2;
  background-color: white;
  border-radius: 20px 20px 0 0;
}

page-quick-task .container .content-box .content-toggle {
  padding: 14px 18px;
  margin-bottom: 6px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  z-index: 9;
}

page-quick-task .container .content-box .content-toggle .toggle {
  width: 70px;
  height: 5px;
  background-color: #eaecee;
  border-radius: 50px;
}

page-quick-task .container .content-box .content-head {
  padding: 0 20px;
  margin-bottom: 10px;
}

page-quick-task .container .content-box .content-head image-component img {
  width: 38px;
  height: 38px;
  border-radius: 200px;
  margin-right: 7px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

page-quick-task .container .content-box .content-head .detail {
  overflow: hidden;
}

page-quick-task .container .content-box .content-head .detail .name {
  color: #222 !important;
}

page-quick-task .container .content-box .content-head .detail .pos {
  color: #A5B0B7 !important;
}

page-quick-task .container .content-box .content-head .send-btn {
  border-radius: 10px;
  -webkit-box-shadow: 0px 7px 12px 0px #F68A22;
  box-shadow: 0px 7px 12px 0px #F68A22;
}

page-quick-task .container .content-box .content-body {
  padding: 0 20px;
  margin-bottom: 18px;
}

page-quick-task .container .content-box .content-body .input-box {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #dbdbe1;
}

page-quick-task .container .content-box .content-body .input-box img {
  width: 24px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-quick-task .container .content-box .content-body .input-box input {
  outline: none;
  border: none;
}

page-quick-task .container .content-box .content-body .btn-switch-advance {
  text-transform: unset;
  color: #192528;
}

page-quick-task .container .content-box .content-footer {
  padding: 20px;
  background-color: #eff2f6;
}

page-quick-task .container .content-box .content-footer .box img {
  height: 21px;
  width: 21px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-quick-task .container .content-box .content-footer .box img.fav {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-animation: star 200ms;
  animation: star 200ms;
}

page-quick-task .container .content-box .content-footer .box ion-label {
  color: #222 !important;
}

@-webkit-keyframes star {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes star {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  70% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

page-quick-task .container .content-box .attach-box {
  display: none;
}

@media screen and (min-width: 960px) {
  page-quick-task ion-content .scroll-content {
    overflow-y: auto !important;
  }
  page-quick-task .container .content-box {
    border-radius: 20px 20px;
  }
  page-quick-task .container .content-box .content-toggle {
    pointer-events: none;
  }
  page-quick-task .container .content-box .content-toggle .toggle {
    display: none !important;
  }
  page-quick-task .container .content-box .attach-box {
    display: block;
    position: absolute;
    z-index: 99;
    background: white;
    width: 100%;
    height: 100%;
    -webkit-transform: translateX(330px);
    transform: translateX(330px);
    -webkit-transition: all 300ms;
    transition: all 300ms;
    border-radius: 10px;
  }
  page-quick-task .container .content-box .attach-box .content-head {
    padding: 12px 20px;
    margin-top: 10px;
  }
  page-quick-task .container .content-box .attach-box .content-head ion-label {
    font-weight: 700;
  }
  page-quick-task .container .content-box .attach-box .attach-content {
    padding: 0 20px;
    margin-bottom: 20px;
  }
  page-quick-task .container .content-box .attach-box .attach-content .upload-wrapper {
    position: relative;
    padding: 5px 0px;
  }
  page-quick-task .container .content-box .attach-box .attach-content .upload-wrapper img {
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
  }
  page-quick-task .container .content-box .attach-box .attach-content .upload-wrapper ion-label {
    color: #A5B0B7 !important;
  }
  page-quick-task .container .content-box .attach-box .attach-content .upload-wrapper input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
  }
  page-quick-task .container .content-box .show {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
  page-quick-task .transparent-box {
    position: relative;
  }
  page-quick-task .content-box {
    width: 328px;
    border-radius: 10px;
    position: absolute;
    overflow: hidden;
  }
  page-quick-task .content-footer {
    width: 328px;
  }
}

page-task .toolbar-content.toolbar-content-ios,
page-task .toolbar-content.toolbar-content-md {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-task ion-segment {
  width: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 10px;
}

page-task ion-segment-button {
  text-transform: uppercase !important;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 0 16px !important;
  margin: 0 !important;
  font-size: 1.4rem;
  height: 33px !important;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-task ion-segment-button.segment-button.segment-activated {
  background: transparent !important;
  color: #192528 !important;
  border: none !important;
}

page-task ion-segment-button.segment-button.segment-activated .border-active-segment {
  background: #F68A22 !important;
  height: 2px;
  width: calc(100% - 32px);
  z-index: 5;
  position: absolute;
  bottom: 0;
  margin: 0 auto;
}

page-task .round-segment {
  border: 1px solid #7f7f7f;
  background: transparent;
  padding: 0 35px;
  border-radius: 100px;
  -webkit-transition: all 100ms;
  transition: all 100ms;
}

page-task .segment-activated .round-segment {
  border: 1px solid #F68A22;
  background: rgba(246, 138, 34, 0.15);
}

page-task .round-segment img {
  -webkit-filter: brightness(0.5) saturate(0);
  filter: brightness(0.5) saturate(0);
  opacity: 0.8;
}

page-task .segment-activated img {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}

page-task ion-segment {
  border-color: #e8e8e8 !important;
}

page-task .round-segment {
  border: 1px solid #7f7f7f;
  background: transparent;
  padding: 0 35px;
  border-radius: 100px;
  -webkit-transition: all 100ms;
  transition: all 100ms;
}

page-task .segment-activated .round-segment {
  border: 1px solid #F68A22;
  background: rgba(246, 138, 34, 0.15);
  color: #F68A22;
}

page-task .round-segment img {
  -webkit-filter: brightness(0.5) saturate(0);
  filter: brightness(0.5) saturate(0);
  opacity: 0.8;
}

page-task .segment-activated img {
  -webkit-filter: none;
  filter: none;
  opacity: 1;
}

page-task .divider {
  position: relative !important;
}

page-task .divider:before {
  content: "";
  position: absolute;
  top: 30%;
  right: 0;
  bottom: 0;
  height: 50%;
  width: 1px;
  /* or 100px */
  border-right: 1px solid #e8e8e8;
}

page-task .title-col {
  margin-top: 0.3em !important;
  color: #58595b !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

page-task .title-col h2 {
  display: inline-block;
}

page-task .description {
  color: #929a9e !important;
  font-size: 1em;
  font-family: light;
}

page-task .text-ket {
  font-family: regular;
  height: 35px;
  font-size: 1em !important;
  text-align: right !important;
}

page-task h2 {
  text-transform: capitalize;
}

page-task .sent {
  fill: blue;
}

page-task .inside_list {
  height: 100%;
}

page-task ion-footer {
  padding: 16px !important;
}

page-task .full-btn ul li {
  min-width: 100%;
}

page-task .footer-md::before {
  position: relative !important;
}

page-task .ion-segment {
  border-bottom: 1px solid #ffbc7a !important;
}

page-task .ion-segment .segment-button.segment-activated {
  background: #fff !important;
  color: #fbac5e !important;
  border-radius: 0px 0px 0px 0px !important;
  border-bottom: 2px solid #fbac5e !important;
}

.label-title {
  overflow: visible !important;
}

page-task-attachment-modal .container {
  height: 100%;
}

page-task-attachment-modal .container .transparent-box {
  background-color: transparent;
}

page-task-attachment-modal .container .content-box {
  background-color: white;
  border-radius: 10px 10px 0 0;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
}

page-task-attachment-modal .container .content-box .content-toggle {
  padding: 14px 18px;
  margin-bottom: 6px;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
  background-color: #fff;
  z-index: 999999;
}

page-task-attachment-modal .container .content-box .content-toggle .toggle {
  width: 70px;
  height: 5px;
  background-color: #EAECEE;
  border-radius: 50px;
}

page-task-attachment-modal .container .content-box .content-head {
  padding: 14px 20px;
  margin-bottom: 15px;
}

page-task-attachment-modal .container .content-box .content-head ion-label {
  font-weight: 700;
}

page-task-attachment-modal .container .content-box .content-body {
  padding: 0 20px;
  margin-bottom: 20px;
}

page-task-attachment-modal .container .content-box .content-body .upload-wrapper {
  position: relative;
  padding: 5px 0px;
}

page-task-attachment-modal .container .content-box .content-body .upload-wrapper img {
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-task-attachment-modal .container .content-box .content-body .upload-wrapper ion-label {
  color: #A5B0B7 !important;
}

page-task-attachment-modal .container .content-box .content-body .upload-wrapper input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  visibility: hidden;
}

@media screen and (min-width: 960px) {
  page-task-attachment-modal .container .transparent-box, page-task-attachment-modal .container .content-toggle, page-task-attachment-modal .container .content-head {
    display: none !important;
  }
}

page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption .pos-label, page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption .pos-label, page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption .pos-label, page-task-detail ion-content .wrapper-box .req-wrapper .task-box p, page-task-detail ion-content .wrapper-box .req-wrapper .date-box .date-label, page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .chat-section button ion-label, page-task-detail ion-content .wrapper-box .send-wrapper2 .rating-box button ion-label, page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption page-task-detail .pos-label, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption page-task-detail .pos-label, page-task-history ion-content .wrapper-box .req-wrapper .task-box page-task-detail p, page-task-history ion-content .wrapper-box .req-wrapper .date-box page-task-detail .date-label, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .chat-section button page-task-detail ion-label {
  font-size: 14px !important;
  font-family: "light" !important;
  margin: 0px;
}

page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption .pos-label, page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption .pos-label, page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption .pos-label, page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption page-task-detail .pos-label, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption page-task-detail .pos-label {
  color: #a5b0b7 !important;
}

page-task-detail ion-content .wrapper-box .req-wrapper .task-box p, page-task-detail ion-content .wrapper-box .req-wrapper .date-box .date-label, page-task-history ion-content .wrapper-box .req-wrapper .task-box page-task-detail p, page-task-history ion-content .wrapper-box .req-wrapper .date-box page-task-detail .date-label {
  color: #58595b !important;
}

page-task-detail gd-take-multiple-file .attachment-box ion-label, gd-take-multiple-file .attachment-box page-task-detail ion-label, page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption .name-label, page-task-detail ion-content .wrapper-box .req-wrapper .task-box ion-label, page-task-detail ion-content .wrapper-box .req-wrapper .date-box .title-label, page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption .name-label, page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption .name-label, page-task-detail ion-content .wrapper-box .attachment-box ion-label, page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .prior-section ion-label, page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption page-task-detail .name-label, page-task-history ion-content .wrapper-box .req-wrapper .task-box page-task-detail ion-label, page-task-history ion-content .wrapper-box .req-wrapper .date-box page-task-detail .title-label, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption page-task-detail .name-label, page-task-history ion-content .wrapper-box .attachment-box page-task-detail ion-label, page-task-history ion-content .wrapper-box .req-wrapper .profil-box .prior-section page-task-detail ion-label {
  font-size: 14px !important;
  font-family: "regular" !important;
  margin: 0px 0px 6px 0px;
}

page-task-detail gd-take-multiple-file .attachment-box ion-label, gd-take-multiple-file .attachment-box page-task-detail ion-label, page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption .name-label, page-task-detail ion-content .wrapper-box .req-wrapper .task-box ion-label, page-task-detail ion-content .wrapper-box .req-wrapper .date-box .title-label, page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption .name-label, page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption .name-label, page-task-detail ion-content .wrapper-box .attachment-box ion-label, page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption page-task-detail .name-label, page-task-history ion-content .wrapper-box .req-wrapper .task-box page-task-detail ion-label, page-task-history ion-content .wrapper-box .req-wrapper .date-box page-task-detail .title-label, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption page-task-detail .name-label, page-task-history ion-content .wrapper-box .attachment-box page-task-detail ion-label {
  color: #F68A22 !important;
}

page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .profil-section img, page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .profil-section img {
  height: 43px;
  width: 43px;
  border-radius: 200px;
  margin-right: 10px;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: top;
  object-position: top;
}

page-task-detail ion-content .wrapper-box {
  padding: 20px 0px;
}

page-task-detail ion-content .wrapper-box .req-wrapper .profil-box {
  margin-bottom: 20px !important;
}

page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .profil-section {
  overflow: hidden;
}

page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption {
  overflow: hidden;
}

page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .prior-section ion-label {
  text-align: right;
}

page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .prior-section .title-label {
  color: #a5b0b7 !important;
}

page-task-detail ion-content .wrapper-box .req-wrapper .task-box {
  margin-bottom: 28px !important;
}

page-task-detail ion-content .wrapper-box .req-wrapper .task-box p {
  line-height: 17px;
}

page-task-detail ion-content .wrapper-box .req-wrapper .date-box {
  margin-bottom: 28px !important;
}

page-task-detail ion-content .wrapper-box .req-wrapper .date-box .icon-section {
  padding: 0px 20px;
}

page-task-detail ion-content .wrapper-box .req-wrapper .date-box .icon-section img {
  width: 22px;
  height: 25px;
  color: #dbdbe1;
}

page-task-detail ion-content .wrapper-box .req-wrapper .date-box .divider div {
  border-right: 1px solid #dbdbe1;
  width: 0px;
  height: 25px;
}

page-task-detail ion-content .wrapper-box .req-wrapper .status-box {
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 11px;
  cursor: pointer;
}

page-task-detail ion-content .wrapper-box .req-wrapper .status-box ion-label {
  color: #a5b0b7 !important;
  font-size: 14px !important;
}

page-task-detail ion-content .wrapper-box .req-wrapper .status-box .status {
  text-align: right;
}

page-task-detail ion-content .wrapper-box .req-wrapper .status-box .status ion-label {
  text-align: right !important;
}

page-task-detail ion-content .wrapper-box .req-wrapper .status-box .drop {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

page-task-detail ion-content .wrapper-box .send-wrapper {
  padding: 10px 0;
  border-top: 1px solid #dbdbe1;
  border-bottom: 1px solid #dbdbe1;
}

page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .chat-section button {
  background: #39b54a;
  border-radius: 1.9rem;
  padding: 10px 18px;
  height: 3.8rem;
}

page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .chat-section button img {
  width: 22px;
  height: 16px;
  margin-right: 6px;
}

page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .chat-section button ion-label {
  margin: 0 !important;
  text-transform: none !important;
  color: white !important;
}

page-task-detail ion-content .wrapper-box .send-wrapper2 {
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #dbdbe1;
  border-bottom: 1px solid #dbdbe1;
}

page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption {
  overflow: hidden;
}

page-task-detail ion-content .wrapper-box .send-wrapper2 .rating-box button {
  background: #39b54a;
  border-radius: 1.9rem;
  padding: 10px 18px;
  height: 3.8rem;
}

page-task-detail ion-content .wrapper-box .send-wrapper2 .rating-box button img {
  width: 22px;
  height: 16px;
  margin-right: 6px;
}

page-task-detail ion-content .wrapper-box .send-wrapper2 .rating-box button ion-label {
  margin: 0 !important;
  text-transform: none !important;
  color: white !important;
}

page-task-detail ion-content .wrapper-box .detail-item {
  border-bottom: 1px solid #dbdbe1;
}

page-task-detail ion-content .wrapper-box .detail-item > div {
  overflow: hidden;
}

page-task-detail ion-content .wrapper-box .detail-item .stack-label {
  color: #A5B0B7 !important;
}

page-task-detail ion-content .wrapper-box .detail-item .desc-text {
  white-space: pre-line;
}

page-task-detail ion-content .wrapper-box .attachment-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-task-detail ion-content .wrapper-box .attachment-box .img-box .img-section {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
  min-width: 74px;
}

page-task-detail ion-content .wrapper-box .attachment-box .img-box .img-section > * {
  margin-right: 10px;
}

page-task-detail ion-content .wrapper-box .attachment-box .img-box .img-section:not(:last-child) {
  margin-right: 11px;
}

page-task-detail ion-content .wrapper-box .attachment-box .img-box .img-section img {
  width: 74px;
  max-width: unset;
  height: 74px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
  overflow: hidden;
}

page-task-detail ion-content .wrapper-box .attachment-box .img-box .add-section button {
  background: #ced5db !important;
  width: 74px !important;
  height: 74px !important;
  border-radius: unset;
}

page-task-detail ion-content .wrapper-box .attachment-box .img-box .add-section button ion-icon {
  font-size: 3em;
}

page-task-detail ion-content .wrapper-box .attachment-box .img-box .add-section button.img-exist {
  margin-left: 11px;
}

page-task-detail ion-footer ion-toolbar .submit-btn {
  -webkit-box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.24) !important;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.24) !important;
}

page-task-detail .action-sheet-group.action-sheet-group-cancel {
  display: none !important;
}

page-task-detail button.action-sheet-cancel.disable-hover.action-sheet-button.action-sheet-button-md.action-sheet-button-default.action-sheet-button-default-md {
  display: none !important;
}

page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .chat-section button page-task-history ion-label, page-task-history page-task-detail ion-content .wrapper-box .send-wrapper2 .rating-box button ion-label, page-task-detail ion-content .wrapper-box .send-wrapper2 .rating-box button page-task-history ion-label, page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption page-task-history .pos-label, page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption page-task-history .pos-label, page-task-history page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption .pos-label, page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption page-task-history .pos-label, page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption .pos-label, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption .pos-label, page-task-detail ion-content .wrapper-box .req-wrapper .task-box page-task-history p, page-task-detail ion-content .wrapper-box .req-wrapper .date-box page-task-history .date-label, page-task-history ion-content .wrapper-box .req-wrapper .task-box p, page-task-history ion-content .wrapper-box .req-wrapper .date-box .date-label, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .chat-section button ion-label {
  font-size: 14px !important;
  font-family: 'light' !important;
  margin: 0px;
}

page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption page-task-history .pos-label, page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption page-task-history .pos-label, page-task-history page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption .pos-label, page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption page-task-history .pos-label, page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption .pos-label, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption .pos-label {
  color: #a5b0b7 !important;
}

page-task-detail ion-content .wrapper-box .req-wrapper .task-box page-task-history p, page-task-detail ion-content .wrapper-box .req-wrapper .date-box page-task-history .date-label, page-task-history ion-content .wrapper-box .req-wrapper .task-box p, page-task-history ion-content .wrapper-box .req-wrapper .date-box .date-label {
  color: #58595b !important;
}

page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .prior-section page-task-history ion-label, page-task-history gd-take-multiple-file .attachment-box ion-label, gd-take-multiple-file .attachment-box page-task-history ion-label, page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption page-task-history .name-label, page-task-detail ion-content .wrapper-box .req-wrapper .task-box page-task-history ion-label, page-task-detail ion-content .wrapper-box .req-wrapper .date-box page-task-history .title-label, page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption page-task-history .name-label, page-task-history page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption .name-label, page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption page-task-history .name-label, page-task-detail ion-content .wrapper-box .attachment-box page-task-history ion-label, page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption .name-label, page-task-history ion-content .wrapper-box .req-wrapper .task-box ion-label, page-task-history ion-content .wrapper-box .req-wrapper .date-box .title-label, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption .name-label, page-task-history ion-content .wrapper-box .attachment-box ion-label, page-task-history ion-content .wrapper-box .req-wrapper .profil-box .prior-section ion-label {
  font-size: 14px !important;
  font-family: 'regular' !important;
  margin: 0px 0px 6px 0px;
}

page-task-history gd-take-multiple-file .attachment-box ion-label, gd-take-multiple-file .attachment-box page-task-history ion-label, page-task-detail ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption page-task-history .name-label, page-task-detail ion-content .wrapper-box .req-wrapper .task-box page-task-history ion-label, page-task-detail ion-content .wrapper-box .req-wrapper .date-box page-task-history .title-label, page-task-detail ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption page-task-history .name-label, page-task-history page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption .name-label, page-task-detail ion-content .wrapper-box .send-wrapper2 .profil-caption page-task-history .name-label, page-task-detail ion-content .wrapper-box .attachment-box page-task-history ion-label, page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption .name-label, page-task-history ion-content .wrapper-box .req-wrapper .task-box ion-label, page-task-history ion-content .wrapper-box .req-wrapper .date-box .title-label, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption .name-label, page-task-history ion-content .wrapper-box .attachment-box ion-label {
  color: #F68A22 !important;
}

page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section gd-avatar, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section gd-avatar {
  margin-right: 10px;
}

page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section gd-avatar img, page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section gd-avatar img {
  height: 43px;
  width: 43px;
  border-radius: 200px;
}

page-task-history ion-content .wrapper-box {
  padding: 20px 0px;
}

page-task-history ion-content .wrapper-box .req-wrapper {
  padding: 0;
}

page-task-history ion-content .wrapper-box .req-wrapper .profil-box {
  margin-bottom: 20px !important;
}

page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

page-task-history ion-content .wrapper-box .req-wrapper .profil-box .profil-section .profil-caption {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

page-task-history ion-content .wrapper-box .req-wrapper .profil-box .prior-section ion-label {
  text-align: right;
}

page-task-history ion-content .wrapper-box .req-wrapper .profil-box .prior-section .title-label {
  color: #a5b0b7 !important;
}

page-task-history ion-content .wrapper-box .req-wrapper .task-box {
  margin-bottom: 28px !important;
}

page-task-history ion-content .wrapper-box .req-wrapper .task-box ion-label {
  text-overflow: unset;
  white-space: normal;
}

page-task-history ion-content .wrapper-box .req-wrapper .task-box p {
  line-height: 17px;
}

page-task-history ion-content .wrapper-box .req-wrapper .date-box {
  margin-bottom: 28px !important;
}

page-task-history ion-content .wrapper-box .req-wrapper .date-box .icon-section {
  padding: 0px 20px;
}

page-task-history ion-content .wrapper-box .req-wrapper .date-box .icon-section img {
  width: 22px;
  height: 25px;
  color: #dbdbe1;
}

page-task-history ion-content .wrapper-box .req-wrapper .date-box .divider div {
  border-right: 1px solid #dbdbe1;
  width: 0px;
  height: 25px;
}

page-task-history ion-content .wrapper-box .req-wrapper .status-box {
  border: 1px solid rgba(0, 0, 0, 0.08);
  padding: 0 3px 0 16px;
  border-radius: 11px;
}

page-task-history ion-content .wrapper-box .req-wrapper .status-box ion-label {
  color: #a5b0b7 !important;
  font-size: 14px !important;
}

page-task-history ion-content .wrapper-box .send-wrapper {
  width: 100%;
  padding: 10px 0;
  border-top: 1px solid #dbdbe1;
  border-bottom: 1px solid #dbdbe1;
}

page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

page-task-history ion-content .wrapper-box .send-wrapper .chat-box .profil-section .profil-caption {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

page-task-history ion-content .wrapper-box .send-wrapper .chat-box .chat-section button {
  background: #39b54a;
  border-radius: 1.9rem;
  padding: 10px 18px;
  height: 3.8rem;
}

page-task-history ion-content .wrapper-box .send-wrapper .chat-box .chat-section button img {
  width: 22px;
  height: 16px;
  margin-right: 6px;
}

page-task-history ion-content .wrapper-box .send-wrapper .chat-box .chat-section button ion-label {
  margin: 0 !important;
  text-transform: none !important;
  color: white !important;
}

page-task-history ion-content .wrapper-box .detail-item {
  border-bottom: 1px solid #dbdbe1;
}

page-task-history ion-content .wrapper-box .detail-item > div {
  overflow: hidden;
}

page-task-history ion-content .wrapper-box .detail-item .stack-label {
  color: #A5B0B7 !important;
}

page-task-history ion-content .wrapper-box .detail-item .desc-text {
  white-space: pre-line;
}

page-task-history ion-content .wrapper-box .attachment-box {
  padding: 10px 0;
}

page-task-history ion-content .wrapper-box .attachment-box ion-label {
  margin: 0 0 7px 0 !important;
}

page-task-history ion-content .wrapper-box .attachment-box .img-box {
  width: 100%;
}

page-task-history ion-content .wrapper-box .attachment-box .img-box .img-section {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}

page-task-history ion-content .wrapper-box .attachment-box .img-box .img-section image-component:not(:last-child) {
  margin-right: 11px;
}

page-task-history ion-content .wrapper-box .attachment-box .img-box .img-section img {
  width: 74px;
  max-width: unset;
  height: 74px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4px;
}

page-task-history ion-content .wrapper-box .attachment-box .img-box .add-section.img-exist {
  margin-left: 11px;
}

page-task-history ion-content .wrapper-box .attachment-box .img-box .add-section button {
  background: #CED5DB !important;
  width: 74px !important;
  height: 74px !important;
  border-radius: unset;
}

page-task-history ion-content .wrapper-box .attachment-box .img-box .add-section button ion-icon {
  font-size: 3em;
}

page-task-history ion-footer {
  padding: 26px 32px;
}

page-task-history ion-footer ion-toolbar .submit-btn {
  -webkit-box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.24) !important;
  box-shadow: 0px 12px 24px rgba(0, 0, 0, 0.24) !important;
}

page-task-members .skeleton-section {
  border-bottom: 1px solid #dbdbe1 !important;
}

page-task-members .skeleton-section .avatar-skeleton {
  background-color: #DEDEDE !important;
  height: 40px;
  width: 40px;
  border-radius: 200px;
  margin: 20px;
  padding-right: 18px;
}

page-task-members .skeleton-section .chat-skeleton {
  height: 40px;
}

page-task-members .skeleton-section .chat-skeleton .username {
  background-color: #DEDEDE !important;
  margin: 25px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 60px;
  border-radius: 2px;
}

page-task-members .skeleton-section .chat-skeleton .slug {
  background-color: #DEDEDE !important;
  margin: 10px 0px 0px 0px;
  padding: 5px;
  height: 10px;
  width: 150px;
  border-radius: 2px;
}

page-task-members .skeleton-section .time-skeleton {
  background-color: #DEDEDE !important;
  margin: 35px 15px 0px 10px;
  padding: 4px 40px 4px 2px;
  border-radius: 2px;
}

page-webview ion-content .scroll-content {
  margin-top: 55px !important;
}